#C7D3E7 - #E2E5E6 | 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 #C7D3E7 a #E2E5E6

#C7D3E7 #E2E5E6

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

#C7D3E7 - #E2E5E6 | 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 #C7D3E7 como 0% y #E2E5E6 como 100%.

0.0%	0.0% #C7D3E7	RGB 199 211 231	#C7D3E7
16.7%	16.7% #CBD6E6	RGB 203 214 230	#CBD6E6
33.3%	33.3% #D0D9E6	RGB 208 217 230	#D0D9E6
50.0%	50.0% #D4DCE6	RGB 212 220 230	#D4DCE6
66.7%	66.7% #D9DFE6	RGB 217 223 230	#D9DFE6
83.3%	83.3% #DDE2E6	RGB 221 226 230	#DDE2E6
100.0%	100.0% #E2E5E6	RGB 226 229 230	#E2E5E6

#C7D3E7 #CBD6E6 #D0D9E6 #D4DCE6 #D9DFE6 #DDE2E6 #E2E5E6

#C7D3E7 - #E2E5E6

Mezcla HSV

#C7D3E7 - #E2E5E6 | 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 #C7D3E7 como 0% y #E2E5E6 como 100%.

0.0%	0.0% #C7D3E7	RGB 199 211 231	#C7D3E7
16.7%	16.7% #CBD7E6	RGB 203 215 230	#CBD7E6
33.3%	33.3% #D0DBE6	RGB 208 219 230	#D0DBE6
50.0%	50.0% #D4DEE6	RGB 212 222 230	#D4DEE6
66.7%	66.7% #D9E1E6	RGB 217 225 230	#D9E1E6
83.3%	83.3% #DDE3E6	RGB 221 227 230	#DDE3E6
100.0%	100.0% #E2E5E6	RGB 226 229 230	#E2E5E6

#C7D3E7 #CBD7E6 #D0DBE6 #D4DEE6 #D9E1E6 #DDE3E6 #E2E5E6

#C7D3E7 - #D4DEE6 - #E2E5E6

Códigos CSS

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

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