#A5E6BC - #ECE9BB | 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 #A5E6BC a #ECE9BB

#A5E6BC #ECE9BB

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

#A5E6BC - #ECE9BB | 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 #A5E6BC como 0% y #ECE9BB como 100%.

0.0%	0.0% #A5E6BC	RGB 165 230 188	#A5E6BC
16.7%	16.7% #B0E6BB	RGB 176 230 187	#B0E6BB
33.3%	33.3% #BCE7BB	RGB 188 231 187	#BCE7BB
50.0%	50.0% #C8E7BB	RGB 200 231 187	#C8E7BB
66.7%	66.7% #D4E8BB	RGB 212 232 187	#D4E8BB
83.3%	83.3% #E0E8BB	RGB 224 232 187	#E0E8BB
100.0%	100.0% #ECE9BB	RGB 236 233 187	#ECE9BB

#A5E6BC #B0E6BB #BCE7BB #C8E7BB #D4E8BB #E0E8BB #ECE9BB

#A5E6BC - #ECE9BB

Mezcla HSV

#A5E6BC - #ECE9BB | 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 #A5E6BC como 0% y #ECE9BB como 100%.

0.0%	0.0% #A5E6BC	RGB 165 230 188	#A5E6BC
16.7%	16.7% #A8E7AF	RGB 168 231 175	#A8E7AF
33.3%	33.3% #B3E8AC	RGB 179 232 172	#B3E8AC
50.0%	50.0% #C4E9AF	RGB 196 233 175	#C4E9AF
66.7%	66.7% #D3EAB3	RGB 211 234 179	#D3EAB3
83.3%	83.3% #E1EBB7	RGB 225 235 183	#E1EBB7
100.0%	100.0% #ECE9BB	RGB 236 233 187	#ECE9BB

#A5E6BC #A8E7AF #B3E8AC #C4E9AF #D3EAB3 #E1EBB7 #ECE9BB

#A5E6BC - #C4E9AF - #ECE9BB

Códigos CSS

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

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