#AEAF3C - #E7E8C7 | 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 #AEAF3C a #E7E8C7

#AEAF3C #E7E8C7

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

#AEAF3C - #E7E8C7 | 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 #AEAF3C como 0% y #E7E8C7 como 100%.

0.0%	0.0% #AEAF3C	RGB 174 175 60	#AEAF3C
16.7%	16.7% #B7B853	RGB 183 184 83	#B7B853
33.3%	33.3% #C1C26A	RGB 193 194 106	#C1C26A
50.0%	50.0% #CACB81	RGB 202 203 129	#CACB81
66.7%	66.7% #D4D598	RGB 212 213 152	#D4D598
83.3%	83.3% #DDDEAF	RGB 221 222 175	#DDDEAF
100.0%	100.0% #E7E8C7	RGB 231 232 199	#E7E8C7

#AEAF3C #B7B853 #C1C26A #CACB81 #D4D598 #DDDEAF #E7E8C7

#AEAF3C - #E7E8C7

Mezcla HSV

#AEAF3C - #E7E8C7 | 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 #AEAF3C como 0% y #E7E8C7 como 100%.

0.0%	0.0% #AEAF3C	RGB 174 175 60	#AEAF3C
16.7%	16.7% #B7B84F	RGB 183 184 79	#B7B84F
33.3%	33.3% #C0C263	RGB 192 194 99	#C0C263
50.0%	50.0% #C9CB7A	RGB 201 203 122	#C9CB7A
66.7%	66.7% #D3D592	RGB 211 213 146	#D3D592
83.3%	83.3% #DDDEAB	RGB 221 222 171	#DDDEAB
100.0%	100.0% #E7E8C7	RGB 231 232 199	#E7E8C7

#AEAF3C #B7B84F #C0C263 #C9CB7A #D3D592 #DDDEAB #E7E8C7

#AEAF3C - #C9CB7A - #E7E8C7

Códigos CSS

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

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