#BCE6CE - #E7E5E6 | 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 #BCE6CE a #E7E5E6

#BCE6CE #E7E5E6

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

#BCE6CE - #E7E5E6 | 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 #BCE6CE como 0% y #E7E5E6 como 100%.

0.0%	0.0% #BCE6CE	RGB 188 230 206	#BCE6CE
16.7%	16.7% #C3E5D2	RGB 195 229 210	#C3E5D2
33.3%	33.3% #CAE5D6	RGB 202 229 214	#CAE5D6
50.0%	50.0% #D1E5DA	RGB 209 229 218	#D1E5DA
66.7%	66.7% #D8E5DE	RGB 216 229 222	#D8E5DE
83.3%	83.3% #DFE5E2	RGB 223 229 226	#DFE5E2
100.0%	100.0% #E7E5E6	RGB 231 229 230	#E7E5E6

#BCE6CE #C3E5D2 #CAE5D6 #D1E5DA #D8E5DE #DFE5E2 #E7E5E6

#BCE6CE - #E7E5E6

Mezcla HSV

#BCE6CE - #E7E5E6 | 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 #BCE6CE como 0% y #E7E5E6 como 100%.

0.0%	0.0% #BCE6CE	RGB 188 230 206	#BCE6CE
16.7%	16.7% #C4E6C2	RGB 196 230 194	#C4E6C2
33.3%	33.3% #D9E6C9	RGB 217 230 201	#D9E6C9
50.0%	50.0% #E6E5D0	RGB 230 229 208	#E6E5D0
66.7%	66.7% #E6DED7	RGB 230 222 215	#E6DED7
83.3%	83.3% #E6DEDE	RGB 230 222 222	#E6DEDE
100.0%	100.0% #E7E5E6	RGB 231 229 230	#E7E5E6

#BCE6CE #C4E6C2 #D9E6C9 #E6E5D0 #E6DED7 #E6DEDE #E7E5E6

#BCE6CE - #E6E5D0 - #E7E5E6

Códigos CSS

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

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