#8A8A9A - #D3C0A9 | 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 #8A8A9A a #D3C0A9

#8A8A9A #D3C0A9

Calcule el color entre dos colores, #8A8A9A y #D3C0A9. 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)

#8A8A9A - #D3C0A9 | 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 #8A8A9A como 0% y #D3C0A9 como 100%.

0.0%	0.0% #8A8A9A	RGB 138 138 154	#8A8A9A
16.7%	16.7% #96939C	RGB 150 147 156	#96939C
33.3%	33.3% #A29C9F	RGB 162 156 159	#A29C9F
50.0%	50.0% #AEA5A1	RGB 174 165 161	#AEA5A1
66.7%	66.7% #BAAEA4	RGB 186 174 164	#BAAEA4
83.3%	83.3% #C6B7A6	RGB 198 183 166	#C6B7A6
100.0%	100.0% #D3C0A9	RGB 211 192 169	#D3C0A9

#8A8A9A #96939C #A29C9F #AEA5A1 #BAAEA4 #C6B7A6 #D3C0A9

#8A8A9A - #D3C0A9

Mezcla HSV

#8A8A9A - #D3C0A9 | 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 #8A8A9A como 0% y #D3C0A9 como 100%.

0.0%	0.0% #8A8A9A	RGB 138 138 154	#8A8A9A
16.7%	16.7% #988FA3	RGB 152 143 163	#988FA3
33.3%	33.3% #A995AD	RGB 169 149 173	#A995AD
50.0%	50.0% #B69AAE	RGB 182 154 174	#B69AAE
66.7%	66.7% #C09FA9	RGB 192 159 169	#C09FA9
83.3%	83.3% #C9A9A4	RGB 201 169 164	#C9A9A4
100.0%	100.0% #D3C0A9	RGB 211 192 169	#D3C0A9

#8A8A9A #988FA3 #A995AD #B69AAE #C09FA9 #C9A9A4 #D3C0A9

#8A8A9A - #B69AAE - #D3C0A9

Códigos CSS

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

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