#AEAF2B - #E7E8C2 | 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 #AEAF2B a #E7E8C2

#AEAF2B #E7E8C2

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

#AEAF2B - #E7E8C2 | 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 #AEAF2B como 0% y #E7E8C2 como 100%.

0.0%	0.0% #AEAF2B	RGB 174 175 43	#AEAF2B
16.7%	16.7% #B7B844	RGB 183 184 68	#B7B844
33.3%	33.3% #C1C25D	RGB 193 194 93	#C1C25D
50.0%	50.0% #CACB76	RGB 202 203 118	#CACB76
66.7%	66.7% #D4D58F	RGB 212 213 143	#D4D58F
83.3%	83.3% #DDDEA8	RGB 221 222 168	#DDDEA8
100.0%	100.0% #E7E8C2	RGB 231 232 194	#E7E8C2

#AEAF2B #B7B844 #C1C25D #CACB76 #D4D58F #DDDEA8 #E7E8C2

#AEAF2B - #E7E8C2

Mezcla HSV

#AEAF2B - #E7E8C2 | 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 #AEAF2B como 0% y #E7E8C2 como 100%.

0.0%	0.0% #AEAF2B	RGB 174 175 43	#AEAF2B
16.7%	16.7% #B7B83F	RGB 183 184 63	#B7B83F
33.3%	33.3% #C0C255	RGB 192 194 85	#C0C255
50.0%	50.0% #C9CB6E	RGB 201 203 110	#C9CB6E
66.7%	66.7% #D3D588	RGB 211 213 136	#D3D588
83.3%	83.3% #DDDEA4	RGB 221 222 164	#DDDEA4
100.0%	100.0% #E7E8C2	RGB 231 232 194	#E7E8C2

#AEAF2B #B7B83F #C0C255 #C9CB6E #D3D588 #DDDEA4 #E7E8C2

#AEAF2B - #C9CB6E - #E7E8C2

Códigos CSS

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

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