#CFD0E5 - #E3E5E7 | 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 #CFD0E5 a #E3E5E7

#CFD0E5 #E3E5E7

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

#CFD0E5 - #E3E5E7 | 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 #CFD0E5 como 0% y #E3E5E7 como 100%.

0.0%	0.0% #CFD0E5	RGB 207 208 229	#CFD0E5
16.7%	16.7% #D2D3E5	RGB 210 211 229	#D2D3E5
33.3%	33.3% #D5D7E5	RGB 213 215 229	#D5D7E5
50.0%	50.0% #D9DAE6	RGB 217 218 230	#D9DAE6
66.7%	66.7% #DCDEE6	RGB 220 222 230	#DCDEE6
83.3%	83.3% #DFE1E6	RGB 223 225 230	#DFE1E6
100.0%	100.0% #E3E5E7	RGB 227 229 231	#E3E5E7

#CFD0E5 #D2D3E5 #D5D7E5 #D9DAE6 #DCDEE6 #DFE1E6 #E3E5E7

#CFD0E5 - #E3E5E7

Mezcla HSV

#CFD0E5 - #E3E5E7 | 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 #CFD0E5 como 0% y #E3E5E7 como 100%.

0.0%	0.0% #CFD0E5	RGB 207 208 229	#CFD0E5
16.7%	16.7% #D2D4E5	RGB 210 212 229	#D2D4E5
33.3%	33.3% #D5D8E5	RGB 213 216 229	#D5D8E5
50.0%	50.0% #D8DCE6	RGB 216 220 230	#D8DCE6
66.7%	66.7% #DCDFE6	RGB 220 223 230	#DCDFE6
83.3%	83.3% #DFE2E6	RGB 223 226 230	#DFE2E6
100.0%	100.0% #E3E5E7	RGB 227 229 231	#E3E5E7

#CFD0E5 #D2D4E5 #D5D8E5 #D8DCE6 #DCDFE6 #DFE2E6 #E3E5E7

#CFD0E5 - #D8DCE6 - #E3E5E7

Códigos CSS

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

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