#DAE6E6 - #C6E9D9 | 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 #DAE6E6 a #C6E9D9

#DAE6E6 #C6E9D9

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

#DAE6E6 - #C6E9D9 | 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 #DAE6E6 como 0% y #C6E9D9 como 100%.

0.0%	0.0% #DAE6E6	RGB 218 230 230	#DAE6E6
16.7%	16.7% #D6E6E3	RGB 214 230 227	#D6E6E3
33.3%	33.3% #D3E7E1	RGB 211 231 225	#D3E7E1
50.0%	50.0% #D0E7DF	RGB 208 231 223	#D0E7DF
66.7%	66.7% #CCE8DD	RGB 204 232 221	#CCE8DD
83.3%	83.3% #C9E8DB	RGB 201 232 219	#C9E8DB
100.0%	100.0% #C6E9D9	RGB 198 233 217	#C6E9D9

#DAE6E6 #D6E6E3 #D3E7E1 #D0E7DF #CCE8DD #C9E8DB #C6E9D9

#DAE6E6 - #C6E9D9

Mezcla HSV

#DAE6E6 - #C6E9D9 | 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 #DAE6E6 como 0% y #C6E9D9 como 100%.

0.0%	0.0% #DAE6E6	RGB 218 230 230	#DAE6E6
16.7%	16.7% #D6E6E5	RGB 214 230 229	#D6E6E5
33.3%	33.3% #D3E7E4	RGB 211 231 228	#D3E7E4
50.0%	50.0% #D0E7E2	RGB 208 231 226	#D0E7E2
66.7%	66.7% #CCE8DF	RGB 204 232 223	#CCE8DF
83.3%	83.3% #C9E8DC	RGB 201 232 220	#C9E8DC
100.0%	100.0% #C6E9D9	RGB 198 233 217	#C6E9D9

#DAE6E6 #D6E6E5 #D3E7E4 #D0E7E2 #CCE8DF #C9E8DC #C6E9D9

#DAE6E6 - #D0E7E2 - #C6E9D9

Códigos CSS

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

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