#DFEEE5 - #CEEEE2 | 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 #DFEEE5 a #CEEEE2

#DFEEE5 #CEEEE2

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

#DFEEE5 - #CEEEE2 | 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 #DFEEE5 como 0% y #CEEEE2 como 100%.

0.0%	0.0% #DFEEE5	RGB 223 238 229	#DFEEE5
16.7%	16.7% #DCEEE4	RGB 220 238 228	#DCEEE4
33.3%	33.3% #D9EEE4	RGB 217 238 228	#D9EEE4
50.0%	50.0% #D6EEE3	RGB 214 238 227	#D6EEE3
66.7%	66.7% #D3EEE3	RGB 211 238 227	#D3EEE3
83.3%	83.3% #D0EEE2	RGB 208 238 226	#D0EEE2
100.0%	100.0% #CEEEE2	RGB 206 238 226	#CEEEE2

#DFEEE5 #DCEEE4 #D9EEE4 #D6EEE3 #D3EEE3 #D0EEE2 #CEEEE2

#DFEEE5 - #CEEEE2

Mezcla HSV

#DFEEE5 - #CEEEE2 | 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 #DFEEE5 como 0% y #CEEEE2 como 100%.

0.0%	0.0% #DFEEE5	RGB 223 238 229	#DFEEE5
16.7%	16.7% #DCEEE3	RGB 220 238 227	#DCEEE3
33.3%	33.3% #D9EEE3	RGB 217 238 227	#D9EEE3
50.0%	50.0% #D6EEE2	RGB 214 238 226	#D6EEE2
66.7%	66.7% #D3EEE2	RGB 211 238 226	#D3EEE2
83.3%	83.3% #D0EEE1	RGB 208 238 225	#D0EEE1
100.0%	100.0% #CEEEE2	RGB 206 238 226	#CEEEE2

#DFEEE5 #DCEEE3 #D9EEE3 #D6EEE2 #D3EEE2 #D0EEE1 #CEEEE2

#DFEEE5 - #D6EEE2 - #CEEEE2

Códigos CSS

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

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