#DBE4E4 - #C5E9D9 | 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 #DBE4E4 a #C5E9D9

#DBE4E4 #C5E9D9

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

#DBE4E4 - #C5E9D9 | 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 #DBE4E4 como 0% y #C5E9D9 como 100%.

0.0%	0.0% #DBE4E4	RGB 219 228 228	#DBE4E4
16.7%	16.7% #D7E4E2	RGB 215 228 226	#D7E4E2
33.3%	33.3% #D3E5E0	RGB 211 229 224	#D3E5E0
50.0%	50.0% #D0E6DE	RGB 208 230 222	#D0E6DE
66.7%	66.7% #CCE7DC	RGB 204 231 220	#CCE7DC
83.3%	83.3% #C8E8DA	RGB 200 232 218	#C8E8DA
100.0%	100.0% #C5E9D9	RGB 197 233 217	#C5E9D9

#DBE4E4 #D7E4E2 #D3E5E0 #D0E6DE #CCE7DC #C8E8DA #C5E9D9

#DBE4E4 - #C5E9D9

Mezcla HSV

#DBE4E4 - #C5E9D9 | 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 #DBE4E4 como 0% y #C5E9D9 como 100%.

0.0%	0.0% #DBE4E4	RGB 219 228 228	#DBE4E4
16.7%	16.7% #D7E4E3	RGB 215 228 227	#D7E4E3
33.3%	33.3% #D3E5E3	RGB 211 229 227	#D3E5E3
50.0%	50.0% #D0E6E1	RGB 208 230 225	#D0E6E1
66.7%	66.7% #CCE7DF	RGB 204 231 223	#CCE7DF
83.3%	83.3% #C8E8DC	RGB 200 232 220	#C8E8DC
100.0%	100.0% #C5E9D9	RGB 197 233 217	#C5E9D9

#DBE4E4 #D7E4E3 #D3E5E3 #D0E6E1 #CCE7DF #C8E8DC #C5E9D9

#DBE4E4 - #D0E6E1 - #C5E9D9

Códigos CSS

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

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