#A8C091 - #E6EDDF | 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 #A8C091 a #E6EDDF

#A8C091 #E6EDDF

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

#A8C091 - #E6EDDF | 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 #A8C091 como 0% y #E6EDDF como 100%.

0.0%	0.0% #A8C091	RGB 168 192 145	#A8C091
16.7%	16.7% #B2C79E	RGB 178 199 158	#B2C79E
33.3%	33.3% #BCCFAB	RGB 188 207 171	#BCCFAB
50.0%	50.0% #C7D6B8	RGB 199 214 184	#C7D6B8
66.7%	66.7% #D1DEC5	RGB 209 222 197	#D1DEC5
83.3%	83.3% #DBE5D2	RGB 219 229 210	#DBE5D2
100.0%	100.0% #E6EDDF	RGB 230 237 223	#E6EDDF

#A8C091 #B2C79E #BCCFAB #C7D6B8 #D1DEC5 #DBE5D2 #E6EDDF

#A8C091 - #E6EDDF

Mezcla HSV

#A8C091 - #E6EDDF | 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 #A8C091 como 0% y #E6EDDF como 100%.

0.0%	0.0% #A8C091	RGB 168 192 145	#A8C091
16.7%	16.7% #B1C79C	RGB 177 199 156	#B1C79C
33.3%	33.3% #BBCFA9	RGB 187 207 169	#BBCFA9
50.0%	50.0% #C6D6B5	RGB 198 214 181	#C6D6B5
66.7%	66.7% #D0DEC3	RGB 208 222 195	#D0DEC3
83.3%	83.3% #DBE5D0	RGB 219 229 208	#DBE5D0
100.0%	100.0% #E6EDDF	RGB 230 237 223	#E6EDDF

#A8C091 #B1C79C #BBCFA9 #C6D6B5 #D0DEC3 #DBE5D0 #E6EDDF

#A8C091 - #C6D6B5 - #E6EDDF

Códigos CSS

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

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