#625140 - #D59963 | 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 #625140 a #D59963

#625140 #D59963

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

#625140 - #D59963 | 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 #625140 como 0% y #D59963 como 100%.

0.0%	0.0% #625140	RGB 98 81 64	#625140
16.7%	16.7% #755D45	RGB 117 93 69	#755D45
33.3%	33.3% #88694B	RGB 136 105 75	#88694B
50.0%	50.0% #9B7551	RGB 155 117 81	#9B7551
66.7%	66.7% #AE8157	RGB 174 129 87	#AE8157
83.3%	83.3% #C18D5D	RGB 193 141 93	#C18D5D
100.0%	100.0% #D59963	RGB 213 153 99	#D59963

#625140 #755D45 #88694B #9B7551 #AE8157 #C18D5D #D59963

#625140 - #D59963

Mezcla HSV

#625140 - #D59963 | 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 #625140 como 0% y #D59963 como 100%.

0.0%	0.0% #625140	RGB 98 81 64	#625140
16.7%	16.7% #755E48	RGB 117 94 72	#755E48
33.3%	33.3% #886B50	RGB 136 107 80	#886B50
50.0%	50.0% #9B7856	RGB 155 120 86	#9B7856
66.7%	66.7% #AE835C	RGB 174 131 92	#AE835C
83.3%	83.3% #C18E60	RGB 193 142 96	#C18E60
100.0%	100.0% #D59963	RGB 213 153 99	#D59963

#625140 #755E48 #886B50 #9B7856 #AE835C #C18E60 #D59963

#625140 - #9B7856 - #D59963

Códigos CSS

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

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