#DFECE9 - #91BCC0 | 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 #DFECE9 a #91BCC0

#DFECE9 #91BCC0

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

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

0.0%	0.0% #DFECE9	RGB 223 236 233	#DFECE9
16.7%	16.7% #D2E4E2	RGB 210 228 226	#D2E4E2
33.3%	33.3% #C5DCDB	RGB 197 220 219	#C5DCDB
50.0%	50.0% #B8D4D4	RGB 184 212 212	#B8D4D4
66.7%	66.7% #ABCCCD	RGB 171 204 205	#ABCCCD
83.3%	83.3% #9EC4C6	RGB 158 196 198	#9EC4C6
100.0%	100.0% #91BCC0	RGB 145 188 192	#91BCC0

#DFECE9 #D2E4E2 #C5DCDB #B8D4D4 #ABCCCD #9EC4C6 #91BCC0

#DFECE9 - #91BCC0

Mezcla HSV

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

0.0%	0.0% #DFECE9	RGB 223 236 233	#DFECE9
16.7%	16.7% #D0E4E1	RGB 208 228 225	#D0E4E1
33.3%	33.3% #C3DDDA	RGB 195 221 218	#C3DDDA
50.0%	50.0% #B5D6D3	RGB 181 214 211	#B5D6D3
66.7%	66.7% #A9CECD	RGB 169 206 205	#A9CECD
83.3%	83.3% #9CC5C7	RGB 156 197 199	#9CC5C7
100.0%	100.0% #91BCC0	RGB 145 188 192	#91BCC0

#DFECE9 #D0E4E1 #C3DDDA #B5D6D3 #A9CECD #9CC5C7 #91BCC0

#DFECE9 - #B5D6D3 - #91BCC0

Códigos CSS

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

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