#BCD3E1 - #E8E5E3 | 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 #BCD3E1 a #E8E5E3

#BCD3E1 #E8E5E3

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

#BCD3E1 - #E8E5E3 | 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 #BCD3E1 como 0% y #E8E5E3 como 100%.

0.0%	0.0% #BCD3E1	RGB 188 211 225	#BCD3E1
16.7%	16.7% #C3D6E1	RGB 195 214 225	#C3D6E1
33.3%	33.3% #CAD9E1	RGB 202 217 225	#CAD9E1
50.0%	50.0% #D2DCE2	RGB 210 220 226	#D2DCE2
66.7%	66.7% #D9DFE2	RGB 217 223 226	#D9DFE2
83.3%	83.3% #E0E2E2	RGB 224 226 226	#E0E2E2
100.0%	100.0% #E8E5E3	RGB 232 229 227	#E8E5E3

#BCD3E1 #C3D6E1 #CAD9E1 #D2DCE2 #D9DFE2 #E0E2E2 #E8E5E3

#BCD3E1 - #E8E5E3

Mezcla HSV

#BCD3E1 - #E8E5E3 | 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 #BCD3E1 como 0% y #E8E5E3 como 100%.

0.0%	0.0% #BCD3E1	RGB 188 211 225	#BCD3E1
16.7%	16.7% #C2E2DE	RGB 194 226 222	#C2E2DE
33.3%	33.3% #C8E3D3	RGB 200 227 211	#C8E3D3
50.0%	50.0% #D1E4CF	RGB 209 228 207	#D1E4CF
66.7%	66.7% #DFE5D5	RGB 223 229 213	#DFE5D5
83.3%	83.3% #E6E5DC	RGB 230 229 220	#E6E5DC
100.0%	100.0% #E8E5E3	RGB 232 229 227	#E8E5E3

#BCD3E1 #C2E2DE #C8E3D3 #D1E4CF #DFE5D5 #E6E5DC #E8E5E3

#BCD3E1 - #D1E4CF - #E8E5E3

Códigos CSS

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

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