#DAECE8 - #8CCDB9 | 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 #DAECE8 a #8CCDB9

#DAECE8 #8CCDB9

Calcule el color entre dos colores, #DAECE8 y #8CCDB9. 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)

#DAECE8 - #8CCDB9 | 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 #DAECE8 como 0% y #8CCDB9 como 100%.

0.0%	0.0% #DAECE8	RGB 218 236 232	#DAECE8
16.7%	16.7% #CDE6E0	RGB 205 230 224	#CDE6E0
33.3%	33.3% #C0E1D8	RGB 192 225 216	#C0E1D8
50.0%	50.0% #B3DCD0	RGB 179 220 208	#B3DCD0
66.7%	66.7% #A6D7C8	RGB 166 215 200	#A6D7C8
83.3%	83.3% #99D2C0	RGB 153 210 192	#99D2C0
100.0%	100.0% #8CCDB9	RGB 140 205 185	#8CCDB9

#DAECE8 #CDE6E0 #C0E1D8 #B3DCD0 #A6D7C8 #99D2C0 #8CCDB9

#DAECE8 - #8CCDB9

Mezcla HSV

#DAECE8 - #8CCDB9 | 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 #DAECE8 como 0% y #8CCDB9 como 100%.

0.0%	0.0% #DAECE8	RGB 218 236 232	#DAECE8
16.7%	16.7% #CBE6E0	RGB 203 230 224	#CBE6E0
33.3%	33.3% #BEE1D8	RGB 190 225 216	#BEE1D8
50.0%	50.0% #B1DCD1	RGB 177 220 209	#B1DCD1
66.7%	66.7% #A4D7C9	RGB 164 215 201	#A4D7C9
83.3%	83.3% #97D2C1	RGB 151 210 193	#97D2C1
100.0%	100.0% #8CCDB9	RGB 140 205 185	#8CCDB9

#DAECE8 #CBE6E0 #BEE1D8 #B1DCD1 #A4D7C9 #97D2C1 #8CCDB9

#DAECE8 - #B1DCD1 - #8CCDB9

Códigos CSS

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

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