#A8DDAB - #E6F5E7 | 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 #A8DDAB a #E6F5E7

#A8DDAB #E6F5E7

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

#A8DDAB - #E6F5E7 | 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 #A8DDAB como 0% y #E6F5E7 como 100%.

0.0%	0.0% #A8DDAB	RGB 168 221 171	#A8DDAB
16.7%	16.7% #B2E1B5	RGB 178 225 181	#B2E1B5
33.3%	33.3% #BCE5BF	RGB 188 229 191	#BCE5BF
50.0%	50.0% #C7E9C9	RGB 199 233 201	#C7E9C9
66.7%	66.7% #D1EDD3	RGB 209 237 211	#D1EDD3
83.3%	83.3% #DBF1DD	RGB 219 241 221	#DBF1DD
100.0%	100.0% #E6F5E7	RGB 230 245 231	#E6F5E7

#A8DDAB #B2E1B5 #BCE5BF #C7E9C9 #D1EDD3 #DBF1DD #E6F5E7

#A8DDAB - #E6F5E7

Mezcla HSV

#A8DDAB - #E6F5E7 | 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 #A8DDAB como 0% y #E6F5E7 como 100%.

0.0%	0.0% #A8DDAB	RGB 168 221 171	#A8DDAB
16.7%	16.7% #B1E1B4	RGB 177 225 180	#B1E1B4
33.3%	33.3% #BBE5BE	RGB 187 229 190	#BBE5BE
50.0%	50.0% #C5E9C8	RGB 197 233 200	#C5E9C8
66.7%	66.7% #D0EDD2	RGB 208 237 210	#D0EDD2
83.3%	83.3% #DBF1DC	RGB 219 241 220	#DBF1DC
100.0%	100.0% #E6F5E7	RGB 230 245 231	#E6F5E7

#A8DDAB #B1E1B4 #BBE5BE #C5E9C8 #D0EDD2 #DBF1DC #E6F5E7

#A8DDAB - #C5E9C8 - #E6F5E7

Códigos CSS

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

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