#ABDEC2 - #E7F5ED | 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 #ABDEC2 a #E7F5ED

#ABDEC2 #E7F5ED

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

#ABDEC2 - #E7F5ED | 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 #ABDEC2 como 0% y #E7F5ED como 100%.

0.0%	0.0% #ABDEC2	RGB 171 222 194	#ABDEC2
16.7%	16.7% #B5E1C9	RGB 181 225 201	#B5E1C9
33.3%	33.3% #BFE5D0	RGB 191 229 208	#BFE5D0
50.0%	50.0% #C9E9D7	RGB 201 233 215	#C9E9D7
66.7%	66.7% #D3EDDE	RGB 211 237 222	#D3EDDE
83.3%	83.3% #DDF1E5	RGB 221 241 229	#DDF1E5
100.0%	100.0% #E7F5ED	RGB 231 245 237	#E7F5ED

#ABDEC2 #B5E1C9 #BFE5D0 #C9E9D7 #D3EDDE #DDF1E5 #E7F5ED

#ABDEC2 - #E7F5ED

Mezcla HSV

#ABDEC2 - #E7F5ED | 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 #ABDEC2 como 0% y #E7F5ED como 100%.

0.0%	0.0% #ABDEC2	RGB 171 222 194	#ABDEC2
16.7%	16.7% #B4E1C8	RGB 180 225 200	#B4E1C8
33.3%	33.3% #BEE5CF	RGB 190 229 207	#BEE5CF
50.0%	50.0% #C8E9D6	RGB 200 233 214	#C8E9D6
66.7%	66.7% #D2EDDD	RGB 210 237 221	#D2EDDD
83.3%	83.3% #DCF1E5	RGB 220 241 229	#DCF1E5
100.0%	100.0% #E7F5ED	RGB 231 245 237	#E7F5ED

#ABDEC2 #B4E1C8 #BEE5CF #C8E9D6 #D2EDDD #DCF1E5 #E7F5ED

#ABDEC2 - #C8E9D6 - #E7F5ED

Códigos CSS

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

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