#DADAEB - #3E3E43 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #DADAEB a #3E3E43

#DADAEB #3E3E43

Calcule el color entre dos colores, #DADAEB y #3E3E43. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#DADAEB - #3E3E43 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #DADAEB como 0% y #3E3E43 como 100%.

0.0%	0.0% #DADAEB	RGB 218 218 235	#DADAEB
16.7%	16.7% #C0C0CF	RGB 192 192 207	#C0C0CF
33.3%	33.3% #A6A6B3	RGB 166 166 179	#A6A6B3
50.0%	50.0% #8C8C97	RGB 140 140 151	#8C8C97
66.7%	66.7% #72727B	RGB 114 114 123	#72727B
83.3%	83.3% #58585F	RGB 88 88 95	#58585F
100.0%	100.0% #3E3E43	RGB 62 62 67	#3E3E43

#DADAEB #C0C0CF #A6A6B3 #8C8C97 #72727B #58585F #3E3E43

#DADAEB - #3E3E43

Mezcla HSV

#DADAEB - #3E3E43 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #DADAEB como 0% y #3E3E43 como 100%.

0.0%	0.0% #DADAEB	RGB 218 218 235	#DADAEB
16.7%	16.7% #BFBFCF	RGB 191 191 207	#BFBFCF
33.3%	33.3% #A5A5B3	RGB 165 165 179	#A5A5B3
50.0%	50.0% #8B8B97	RGB 139 139 151	#8B8B97
66.7%	66.7% #71717B	RGB 113 113 123	#71717B
83.3%	83.3% #57575F	RGB 87 87 95	#57575F
100.0%	100.0% #3E3E43	RGB 62 62 67	#3E3E43

#DADAEB #BFBFCF #A5A5B3 #8B8B97 #71717B #57575F #3E3E43

#DADAEB - #8B8B97 - #3E3E43

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #DADAEB 0%, #3E3E43 100%);
    background: -webkit-linear-gradient(top, #DADAEB 0%, #3E3E43 100%);
    background: linear-gradient(to bottom, #DADAEB 0%, #3E3E43 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DADAEB 0%, #8B8B97 50%, #3E3E43 100%);
    background: -webkit-linear-gradient(top, #DADAEB 0%, #8B8B97 50%, #3E3E43 100%);
    background: linear-gradient(to bottom, #DADAEB 0%, #8B8B97 50%, #3E3E43 100%);
}
</style>