#94963C - #D6A1AB | 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 #94963C a #D6A1AB

#94963C #D6A1AB

Calcule el color entre dos colores, #94963C y #D6A1AB. 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)

#94963C - #D6A1AB | 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 #94963C como 0% y #D6A1AB como 100%.

0.0%	0.0% #94963C	RGB 148 150 60	#94963C
16.7%	16.7% #9F974E	RGB 159 151 78	#9F974E
33.3%	33.3% #AA9961	RGB 170 153 97	#AA9961
50.0%	50.0% #B59B73	RGB 181 155 115	#B59B73
66.7%	66.7% #C09D86	RGB 192 157 134	#C09D86
83.3%	83.3% #CB9F98	RGB 203 159 152	#CB9F98
100.0%	100.0% #D6A1AB	RGB 214 161 171	#D6A1AB

#94963C #9F974E #AA9961 #B59B73 #C09D86 #CB9F98 #D6A1AB

#94963C - #D6A1AB

Mezcla HSV

#94963C - #D6A1AB | 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 #94963C como 0% y #D6A1AB como 100%.

0.0%	0.0% #94963C	RGB 148 150 60	#94963C
16.7%	16.7% #A09149	RGB 160 145 73	#A09149
33.3%	33.3% #AB8B58	RGB 171 139 88	#AB8B58
50.0%	50.0% #B68968	RGB 182 137 104	#B68968
66.7%	66.7% #C0897A	RGB 192 137 122	#C0897A
83.3%	83.3% #CB8D8D	RGB 203 141 141	#CB8D8D
100.0%	100.0% #D6A1AB	RGB 214 161 171	#D6A1AB

#94963C #A09149 #AB8B58 #B68968 #C0897A #CB8D8D #D6A1AB

#94963C - #B68968 - #D6A1AB

Códigos CSS

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

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