#65503C - #D6975E | 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 #65503C a #D6975E

#65503C #D6975E

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

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

0.0%	0.0% #65503C	RGB 101 80 60	#65503C
16.7%	16.7% #775B41	RGB 119 91 65	#775B41
33.3%	33.3% #8A6747	RGB 138 103 71	#8A6747
50.0%	50.0% #9D734D	RGB 157 115 77	#9D734D
66.7%	66.7% #B07F52	RGB 176 127 82	#B07F52
83.3%	83.3% #C38B58	RGB 195 139 88	#C38B58
100.0%	100.0% #D6975E	RGB 214 151 94	#D6975E

#65503C #775B41 #8A6747 #9D734D #B07F52 #C38B58 #D6975E

#65503C - #D6975E

Mezcla HSV

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

0.0%	0.0% #65503C	RGB 101 80 60	#65503C
16.7%	16.7% #775D44	RGB 119 93 68	#775D44
33.3%	33.3% #8A694B	RGB 138 105 75	#8A694B
50.0%	50.0% #9D7651	RGB 157 118 81	#9D7651
66.7%	66.7% #B08156	RGB 176 129 86	#B08156
83.3%	83.3% #C38C5A	RGB 195 140 90	#C38C5A
100.0%	100.0% #D6975E	RGB 214 151 94	#D6975E

#65503C #775D44 #8A694B #9D7651 #B08156 #C38C5A #D6975E

#65503C - #9D7651 - #D6975E

Códigos CSS

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

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