#CEDBCC - #E2FFE6 | 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 #CEDBCC a #E2FFE6

#CEDBCC #E2FFE6

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

#CEDBCC - #E2FFE6 | 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 #CEDBCC como 0% y #E2FFE6 como 100%.

0.0%	0.0% #CEDBCC	RGB 206 219 204	#CEDBCC
16.7%	16.7% #D1E1D0	RGB 209 225 208	#D1E1D0
33.3%	33.3% #D4E7D4	RGB 212 231 212	#D4E7D4
50.0%	50.0% #D8EDD9	RGB 216 237 217	#D8EDD9
66.7%	66.7% #DBF3DD	RGB 219 243 221	#DBF3DD
83.3%	83.3% #DEF9E1	RGB 222 249 225	#DEF9E1
100.0%	100.0% #E2FFE6	RGB 226 255 230	#E2FFE6

#CEDBCC #D1E1D0 #D4E7D4 #D8EDD9 #DBF3DD #DEF9E1 #E2FFE6

#CEDBCC - #E2FFE6

Mezcla HSV

#CEDBCC - #E2FFE6 | 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 #CEDBCC como 0% y #E2FFE6 como 100%.

0.0%	0.0% #CEDBCC	RGB 206 219 204	#CEDBCC
16.7%	16.7% #D1E1CF	RGB 209 225 207	#D1E1CF
33.3%	33.3% #D4E7D3	RGB 212 231 211	#D4E7D3
50.0%	50.0% #D7EDD7	RGB 215 237 215	#D7EDD7
66.7%	66.7% #DBF3DC	RGB 219 243 220	#DBF3DC
83.3%	83.3% #DEF9E1	RGB 222 249 225	#DEF9E1
100.0%	100.0% #E2FFE6	RGB 226 255 230	#E2FFE6

#CEDBCC #D1E1CF #D4E7D3 #D7EDD7 #DBF3DC #DEF9E1 #E2FFE6

#CEDBCC - #D7EDD7 - #E2FFE6

Códigos CSS

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

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