#958C84 - #E7ACA3 | 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 #958C84 a #E7ACA3

#958C84 #E7ACA3

Calcule el color entre dos colores, #958C84 y #E7ACA3. 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)

#958C84 - #E7ACA3 | 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 #958C84 como 0% y #E7ACA3 como 100%.

0.0%	0.0% #958C84	RGB 149 140 132	#958C84
16.7%	16.7% #A29189	RGB 162 145 137	#A29189
33.3%	33.3% #B0968E	RGB 176 150 142	#B0968E
50.0%	50.0% #BE9C93	RGB 190 156 147	#BE9C93
66.7%	66.7% #CBA198	RGB 203 161 152	#CBA198
83.3%	83.3% #D9A69D	RGB 217 166 157	#D9A69D
100.0%	100.0% #E7ACA3	RGB 231 172 163	#E7ACA3

#958C84 #A29189 #B0968E #BE9C93 #CBA198 #D9A69D #E7ACA3

#958C84 - #E7ACA3

Mezcla HSV

#958C84 - #E7ACA3 | 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 #958C84 como 0% y #E7ACA3 como 100%.

0.0%	0.0% #958C84	RGB 149 140 132	#958C84
16.7%	16.7% #A2948B	RGB 162 148 139	#A2948B
33.3%	33.3% #B09C91	RGB 176 156 145	#B09C91
50.0%	50.0% #BEA297	RGB 190 162 151	#BEA297
66.7%	66.7% #CBA79B	RGB 203 167 155	#CBA79B
83.3%	83.3% #D9AA9F	RGB 217 170 159	#D9AA9F
100.0%	100.0% #E7ACA3	RGB 231 172 163	#E7ACA3

#958C84 #A2948B #B09C91 #BEA297 #CBA79B #D9AA9F #E7ACA3

#958C84 - #BEA297 - #E7ACA3

Códigos CSS

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

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