#A5E8C7 - #E7E7BF | 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 #A5E8C7 a #E7E7BF

#A5E8C7 #E7E7BF

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

#A5E8C7 - #E7E7BF | 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 #A5E8C7 como 0% y #E7E7BF como 100%.

0.0%	0.0% #A5E8C7	RGB 165 232 199	#A5E8C7
16.7%	16.7% #B0E7C5	RGB 176 231 197	#B0E7C5
33.3%	33.3% #BBE7C4	RGB 187 231 196	#BBE7C4
50.0%	50.0% #C6E7C3	RGB 198 231 195	#C6E7C3
66.7%	66.7% #D1E7C1	RGB 209 231 193	#D1E7C1
83.3%	83.3% #DCE7C0	RGB 220 231 192	#DCE7C0
100.0%	100.0% #E7E7BF	RGB 231 231 191	#E7E7BF

#A5E8C7 #B0E7C5 #BBE7C4 #C6E7C3 #D1E7C1 #DCE7C0 #E7E7BF

#A5E8C7 - #E7E7BF

Mezcla HSV

#A5E8C7 - #E7E7BF | 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 #A5E8C7 como 0% y #E7E7BF como 100%.

0.0%	0.0% #A5E8C7	RGB 165 232 199	#A5E8C7
16.7%	16.7% #A9E7B9	RGB 169 231 185	#A9E7B9
33.3%	33.3% #ADE7AD	RGB 173 231 173	#ADE7AD
50.0%	50.0% #BFE7B2	RGB 191 231 178	#BFE7B2
66.7%	66.7% #CEE7B6	RGB 206 231 182	#CEE7B6
83.3%	83.3% #DBE7BA	RGB 219 231 186	#DBE7BA
100.0%	100.0% #E7E7BF	RGB 231 231 191	#E7E7BF

#A5E8C7 #A9E7B9 #ADE7AD #BFE7B2 #CEE7B6 #DBE7BA #E7E7BF

#A5E8C7 - #BFE7B2 - #E7E7BF

Códigos CSS

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

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