#E3E4DF - #A5B592 | 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 #E3E4DF a #A5B592

#E3E4DF #A5B592

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

#E3E4DF - #A5B592 | 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 #E3E4DF como 0% y #A5B592 como 100%.

0.0%	0.0% #E3E4DF	RGB 227 228 223	#E3E4DF
16.7%	16.7% #D8DCD2	RGB 216 220 210	#D8DCD2
33.3%	33.3% #CED4C5	RGB 206 212 197	#CED4C5
50.0%	50.0% #C4CCB8	RGB 196 204 184	#C4CCB8
66.7%	66.7% #B9C4AB	RGB 185 196 171	#B9C4AB
83.3%	83.3% #AFBC9E	RGB 175 188 158	#AFBC9E
100.0%	100.0% #A5B592	RGB 165 181 146	#A5B592

#E3E4DF #D8DCD2 #CED4C5 #C4CCB8 #B9C4AB #AFBC9E #A5B592

#E3E4DF - #A5B592

Mezcla HSV

#E3E4DF - #A5B592 | 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 #E3E4DF como 0% y #A5B592 como 100%.

0.0%	0.0% #E3E4DF	RGB 227 228 223	#E3E4DF
16.7%	16.7% #D9DCD1	RGB 217 220 209	#D9DCD1
33.3%	33.3% #CFD4C3	RGB 207 212 195	#CFD4C3
50.0%	50.0% #C5CCB6	RGB 197 204 182	#C5CCB6
66.7%	66.7% #BAC4A9	RGB 186 196 169	#BAC4A9
83.3%	83.3% #AFBC9D	RGB 175 188 157	#AFBC9D
100.0%	100.0% #A5B592	RGB 165 181 146	#A5B592

#E3E4DF #D9DCD1 #CFD4C3 #C5CCB6 #BAC4A9 #AFBC9D #A5B592

#E3E4DF - #C5CCB6 - #A5B592

Códigos CSS

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

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