#B8C6C7 - #ECE4D7 | 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 #B8C6C7 a #ECE4D7

#B8C6C7 #ECE4D7

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

#B8C6C7 - #ECE4D7 | 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 #B8C6C7 como 0% y #ECE4D7 como 100%.

0.0%	0.0% #B8C6C7	RGB 184 198 199	#B8C6C7
16.7%	16.7% #C0CBC9	RGB 192 203 201	#C0CBC9
33.3%	33.3% #C9D0CC	RGB 201 208 204	#C9D0CC
50.0%	50.0% #D2D5CF	RGB 210 213 207	#D2D5CF
66.7%	66.7% #DADAD1	RGB 218 218 209	#DADAD1
83.3%	83.3% #E3DFD4	RGB 227 223 212	#E3DFD4
100.0%	100.0% #ECE4D7	RGB 236 228 215	#ECE4D7

#B8C6C7 #C0CBC9 #C9D0CC #D2D5CF #DADAD1 #E3DFD4 #ECE4D7

#B8C6C7 - #ECE4D7

Mezcla HSV

#B8C6C7 - #ECE4D7 | 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 #B8C6C7 como 0% y #ECE4D7 como 100%.

0.0%	0.0% #B8C6C7	RGB 184 198 199	#B8C6C7
16.7%	16.7% #BDCDC7	RGB 189 205 199	#BDCDC7
33.3%	33.3% #C2D3C6	RGB 194 211 198	#C2D3C6
50.0%	50.0% #CAD9C7	RGB 202 217 199	#CAD9C7
66.7%	66.7% #D7DFCC	RGB 215 223 204	#D7DFCC
83.3%	83.3% #E5E5D1	RGB 229 229 209	#E5E5D1
100.0%	100.0% #ECE4D7	RGB 236 228 215	#ECE4D7

#B8C6C7 #BDCDC7 #C2D3C6 #CAD9C7 #D7DFCC #E5E5D1 #ECE4D7

#B8C6C7 - #CAD9C7 - #ECE4D7

Códigos CSS

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

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