#CFDDDF - #E5E6E2 | 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 #CFDDDF a #E5E6E2

#CFDDDF #E5E6E2

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

#CFDDDF - #E5E6E2 | 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 #CFDDDF como 0% y #E5E6E2 como 100%.

0.0%	0.0% #CFDDDF	RGB 207 221 223	#CFDDDF
16.7%	16.7% #D2DEDF	RGB 210 222 223	#D2DEDF
33.3%	33.3% #D6E0E0	RGB 214 224 224	#D6E0E0
50.0%	50.0% #DAE1E0	RGB 218 225 224	#DAE1E0
66.7%	66.7% #DDE3E1	RGB 221 227 225	#DDE3E1
83.3%	83.3% #E1E4E1	RGB 225 228 225	#E1E4E1
100.0%	100.0% #E5E6E2	RGB 229 230 226	#E5E6E2

#CFDDDF #D2DEDF #D6E0E0 #DAE1E0 #DDE3E1 #E1E4E1 #E5E6E2

#CFDDDF - #E5E6E2

Mezcla HSV

#CFDDDF - #E5E6E2 | 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 #CFDDDF como 0% y #E5E6E2 como 100%.

0.0%	0.0% #CFDDDF	RGB 207 221 223	#CFDDDF
16.7%	16.7% #D2E0DD	RGB 210 224 221	#D2E0DD
33.3%	33.3% #D5E1DB	RGB 213 225 219	#D5E1DB
50.0%	50.0% #D8E2DA	RGB 216 226 218	#D8E2DA
66.7%	66.7% #DCE3DB	RGB 220 227 219	#DCE3DB
83.3%	83.3% #E1E4DE	RGB 225 228 222	#E1E4DE
100.0%	100.0% #E5E6E2	RGB 229 230 226	#E5E6E2

#CFDDDF #D2E0DD #D5E1DB #D8E2DA #DCE3DB #E1E4DE #E5E6E2

#CFDDDF - #D8E2DA - #E5E6E2

Códigos CSS

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

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