#DBFFDD - #DFEEE0 | 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 #DBFFDD a #DFEEE0

#DBFFDD #DFEEE0

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

#DBFFDD - #DFEEE0 | 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 #DBFFDD como 0% y #DFEEE0 como 100%.

0.0%	0.0% #DBFFDD	RGB 219 255 221	#DBFFDD
16.7%	16.7% #DBFCDD	RGB 219 252 221	#DBFCDD
33.3%	33.3% #DCF9DE	RGB 220 249 222	#DCF9DE
50.0%	50.0% #DDF6DE	RGB 221 246 222	#DDF6DE
66.7%	66.7% #DDF3DF	RGB 221 243 223	#DDF3DF
83.3%	83.3% #DEF0DF	RGB 222 240 223	#DEF0DF
100.0%	100.0% #DFEEE0	RGB 223 238 224	#DFEEE0

#DBFFDD #DBFCDD #DCF9DE #DDF6DE #DDF3DF #DEF0DF #DFEEE0

#DBFFDD - #DFEEE0

Mezcla HSV

#DBFFDD - #DFEEE0 | 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 #DBFFDD como 0% y #DFEEE0 como 100%.

0.0%	0.0% #DBFFDD	RGB 219 255 221	#DBFFDD
16.7%	16.7% #DBFCDD	RGB 219 252 221	#DBFCDD
33.3%	33.3% #DCF9DE	RGB 220 249 222	#DCF9DE
50.0%	50.0% #DDF6DE	RGB 221 246 222	#DDF6DE
66.7%	66.7% #DDF3DF	RGB 221 243 223	#DDF3DF
83.3%	83.3% #DEF0DF	RGB 222 240 223	#DEF0DF
100.0%	100.0% #DFEEE0	RGB 223 238 224	#DFEEE0

#DBFFDD #DBFCDD #DCF9DE #DDF6DE #DDF3DF #DEF0DF #DFEEE0

#DBFFDD - #DDF6DE - #DFEEE0

Códigos CSS

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

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