#CDF2D9 - #E3EEE6 | 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 #CDF2D9 a #E3EEE6

#CDF2D9 #E3EEE6

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

#CDF2D9 - #E3EEE6 | 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 #CDF2D9 como 0% y #E3EEE6 como 100%.

0.0%	0.0% #CDF2D9	RGB 205 242 217	#CDF2D9
16.7%	16.7% #D0F1DB	RGB 208 241 219	#D0F1DB
33.3%	33.3% #D4F0DD	RGB 212 240 221	#D4F0DD
50.0%	50.0% #D8F0DF	RGB 216 240 223	#D8F0DF
66.7%	66.7% #DBEFE1	RGB 219 239 225	#DBEFE1
83.3%	83.3% #DFEEE3	RGB 223 238 227	#DFEEE3
100.0%	100.0% #E3EEE6	RGB 227 238 230	#E3EEE6

#CDF2D9 #D0F1DB #D4F0DD #D8F0DF #DBEFE1 #DFEEE3 #E3EEE6

#CDF2D9 - #E3EEE6

Mezcla HSV

#CDF2D9 - #E3EEE6 | 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 #CDF2D9 como 0% y #E3EEE6 como 100%.

0.0%	0.0% #CDF2D9	RGB 205 242 217	#CDF2D9
16.7%	16.7% #D0F1DB	RGB 208 241 219	#D0F1DB
33.3%	33.3% #D4F0DD	RGB 212 240 221	#D4F0DD
50.0%	50.0% #D8F0DF	RGB 216 240 223	#D8F0DF
66.7%	66.7% #DBEFE1	RGB 219 239 225	#DBEFE1
83.3%	83.3% #DFEEE3	RGB 223 238 227	#DFEEE3
100.0%	100.0% #E3EEE6	RGB 227 238 230	#E3EEE6

#CDF2D9 #D0F1DB #D4F0DD #D8F0DF #DBEFE1 #DFEEE3 #E3EEE6

#CDF2D9 - #D8F0DF - #E3EEE6

Códigos CSS

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

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