#D3E5E7 - #869CB1 | 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 #D3E5E7 a #869CB1

#D3E5E7 #869CB1

Calcule el color entre dos colores, #D3E5E7 y #869CB1. 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)

#D3E5E7 - #869CB1 | 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 #D3E5E7 como 0% y #869CB1 como 100%.

0.0%	0.0% #D3E5E7	RGB 211 229 231	#D3E5E7
16.7%	16.7% #C6D8DE	RGB 198 216 222	#C6D8DE
33.3%	33.3% #B9CCD5	RGB 185 204 213	#B9CCD5
50.0%	50.0% #ACC0CC	RGB 172 192 204	#ACC0CC
66.7%	66.7% #9FB4C3	RGB 159 180 195	#9FB4C3
83.3%	83.3% #92A8BA	RGB 146 168 186	#92A8BA
100.0%	100.0% #869CB1	RGB 134 156 177	#869CB1

#D3E5E7 #C6D8DE #B9CCD5 #ACC0CC #9FB4C3 #92A8BA #869CB1

#D3E5E7 - #869CB1

Mezcla HSV

#D3E5E7 - #869CB1 | 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 #D3E5E7 como 0% y #869CB1 como 100%.

0.0%	0.0% #D3E5E7	RGB 211 229 231	#D3E5E7
16.7%	16.7% #C4D9DE	RGB 196 217 222	#C4D9DE
33.3%	33.3% #B7CED5	RGB 183 206 213	#B7CED5
50.0%	50.0% #AAC2CC	RGB 170 194 204	#AAC2CC
66.7%	66.7% #9DB5C3	RGB 157 181 195	#9DB5C3
83.3%	83.3% #91A8BA	RGB 145 168 186	#91A8BA
100.0%	100.0% #869CB1	RGB 134 156 177	#869CB1

#D3E5E7 #C4D9DE #B7CED5 #AAC2CC #9DB5C3 #91A8BA #869CB1

#D3E5E7 - #AAC2CC - #869CB1

Códigos CSS

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

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