#C6C8DA - #EEEFF4 | 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 #C6C8DA a #EEEFF4

#C6C8DA #EEEFF4

Calcule el color entre dos colores, #C6C8DA y #EEEFF4. 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)

#C6C8DA - #EEEFF4 | 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 #C6C8DA como 0% y #EEEFF4 como 100%.

0.0%	0.0% #C6C8DA	RGB 198 200 218	#C6C8DA
16.7%	16.7% #CCCEDE	RGB 204 206 222	#CCCEDE
33.3%	33.3% #D3D5E2	RGB 211 213 226	#D3D5E2
50.0%	50.0% #DADBE7	RGB 218 219 231	#DADBE7
66.7%	66.7% #E0E2EB	RGB 224 226 235	#E0E2EB
83.3%	83.3% #E7E8EF	RGB 231 232 239	#E7E8EF
100.0%	100.0% #EEEFF4	RGB 238 239 244	#EEEFF4

#C6C8DA #CCCEDE #D3D5E2 #DADBE7 #E0E2EB #E7E8EF #EEEFF4

#C6C8DA - #EEEFF4

Mezcla HSV

#C6C8DA - #EEEFF4 | 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 #C6C8DA como 0% y #EEEFF4 como 100%.

0.0%	0.0% #C6C8DA	RGB 198 200 218	#C6C8DA
16.7%	16.7% #CCCEDE	RGB 204 206 222	#CCCEDE
33.3%	33.3% #D2D4E2	RGB 210 212 226	#D2D4E2
50.0%	50.0% #D9DBE7	RGB 217 219 231	#D9DBE7
66.7%	66.7% #E0E1EB	RGB 224 225 235	#E0E1EB
83.3%	83.3% #E7E8EF	RGB 231 232 239	#E7E8EF
100.0%	100.0% #EEEFF4	RGB 238 239 244	#EEEFF4

#C6C8DA #CCCEDE #D2D4E2 #D9DBE7 #E0E1EB #E7E8EF #EEEFF4

#C6C8DA - #D9DBE7 - #EEEFF4

Códigos CSS

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

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