#DFECE6 - #91C0B5 | 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 #DFECE6 a #91C0B5

#DFECE6 #91C0B5

Calcule el color entre dos colores, #DFECE6 y #91C0B5. 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)

#DFECE6 - #91C0B5 | 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 #DFECE6 como 0% y #91C0B5 como 100%.

0.0%	0.0% #DFECE6	RGB 223 236 230	#DFECE6
16.7%	16.7% #D2E4DD	RGB 210 228 221	#D2E4DD
33.3%	33.3% #C5DDD5	RGB 197 221 213	#C5DDD5
50.0%	50.0% #B8D6CD	RGB 184 214 205	#B8D6CD
66.7%	66.7% #ABCEC5	RGB 171 206 197	#ABCEC5
83.3%	83.3% #9EC7BD	RGB 158 199 189	#9EC7BD
100.0%	100.0% #91C0B5	RGB 145 192 181	#91C0B5

#DFECE6 #D2E4DD #C5DDD5 #B8D6CD #ABCEC5 #9EC7BD #91C0B5

#DFECE6 - #91C0B5

Mezcla HSV

#DFECE6 - #91C0B5 | 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 #DFECE6 como 0% y #91C0B5 como 100%.

0.0%	0.0% #DFECE6	RGB 223 236 230	#DFECE6
16.7%	16.7% #D0E4DC	RGB 208 228 220	#D0E4DC
33.3%	33.3% #C3DDD3	RGB 195 221 211	#C3DDD3
50.0%	50.0% #B5D6CA	RGB 181 214 202	#B5D6CA
66.7%	66.7% #A9CEC3	RGB 169 206 195	#A9CEC3
83.3%	83.3% #9CC7BB	RGB 156 199 187	#9CC7BB
100.0%	100.0% #91C0B5	RGB 145 192 181	#91C0B5

#DFECE6 #D0E4DC #C3DDD3 #B5D6CA #A9CEC3 #9CC7BB #91C0B5

#DFECE6 - #B5D6CA - #91C0B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFECE6 0%, #B5D6CA 50%, #91C0B5 100%);
    background: -webkit-linear-gradient(top, #DFECE6 0%, #B5D6CA 50%, #91C0B5 100%);
    background: linear-gradient(to bottom, #DFECE6 0%, #B5D6CA 50%, #91C0B5 100%);
}
</style>