#B6D5E4 - #E9E5E3 | 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 #B6D5E4 a #E9E5E3

#B6D5E4 #E9E5E3

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

#B6D5E4 - #E9E5E3 | 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 #B6D5E4 como 0% y #E9E5E3 como 100%.

0.0%	0.0% #B6D5E4	RGB 182 213 228	#B6D5E4
16.7%	16.7% #BED7E3	RGB 190 215 227	#BED7E3
33.3%	33.3% #C7DAE3	RGB 199 218 227	#C7DAE3
50.0%	50.0% #CFDDE3	RGB 207 221 227	#CFDDE3
66.7%	66.7% #D8DFE3	RGB 216 223 227	#D8DFE3
83.3%	83.3% #E0E2E3	RGB 224 226 227	#E0E2E3
100.0%	100.0% #E9E5E3	RGB 233 229 227	#E9E5E3

#B6D5E4 #BED7E3 #C7DAE3 #CFDDE3 #D8DFE3 #E0E2E3 #E9E5E3

#B6D5E4 - #E9E5E3

Mezcla HSV

#B6D5E4 - #E9E5E3 | 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 #B6D5E4 como 0% y #E9E5E3 como 100%.

0.0%	0.0% #B6D5E4	RGB 182 213 228	#B6D5E4
16.7%	16.7% #BDE4DE	RGB 189 228 222	#BDE4DE
33.3%	33.3% #C4E5CF	RGB 196 229 207	#C4E5CF
50.0%	50.0% #D0E6CC	RGB 208 230 204	#D0E6CC
66.7%	66.7% #E0E7D3	RGB 224 231 211	#E0E7D3
83.3%	83.3% #E8E6DB	RGB 232 230 219	#E8E6DB
100.0%	100.0% #E9E5E3	RGB 233 229 227	#E9E5E3

#B6D5E4 #BDE4DE #C4E5CF #D0E6CC #E0E7D3 #E8E6DB #E9E5E3

#B6D5E4 - #D0E6CC - #E9E5E3

Códigos CSS

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

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