#DEE5E3 - #C7ECDD | 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 #DEE5E3 a #C7ECDD

#DEE5E3 #C7ECDD

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

#DEE5E3 - #C7ECDD | 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 #DEE5E3 como 0% y #C7ECDD como 100%.

0.0%	0.0% #DEE5E3	RGB 222 229 227	#DEE5E3
16.7%	16.7% #DAE6E2	RGB 218 230 226	#DAE6E2
33.3%	33.3% #D6E7E1	RGB 214 231 225	#D6E7E1
50.0%	50.0% #D2E8E0	RGB 210 232 224	#D2E8E0
66.7%	66.7% #CEE9DF	RGB 206 233 223	#CEE9DF
83.3%	83.3% #CAEADE	RGB 202 234 222	#CAEADE
100.0%	100.0% #C7ECDD	RGB 199 236 221	#C7ECDD

#DEE5E3 #DAE6E2 #D6E7E1 #D2E8E0 #CEE9DF #CAEADE #C7ECDD

#DEE5E3 - #C7ECDD

Mezcla HSV

#DEE5E3 - #C7ECDD | 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 #DEE5E3 como 0% y #C7ECDD como 100%.

0.0%	0.0% #DEE5E3	RGB 222 229 227	#DEE5E3
16.7%	16.7% #DAE6E2	RGB 218 230 226	#DAE6E2
33.3%	33.3% #D6E7E1	RGB 214 231 225	#D6E7E1
50.0%	50.0% #D2E8E0	RGB 210 232 224	#D2E8E0
66.7%	66.7% #CEE9DF	RGB 206 233 223	#CEE9DF
83.3%	83.3% #CAEADE	RGB 202 234 222	#CAEADE
100.0%	100.0% #C7ECDD	RGB 199 236 221	#C7ECDD

#DEE5E3 #DAE6E2 #D6E7E1 #D2E8E0 #CEE9DF #CAEADE #C7ECDD

#DEE5E3 - #D2E8E0 - #C7ECDD

Códigos CSS

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

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