#65503C - #D3CDC7 | 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 #D3CDC7

#65503C #D3CDC7

Calcule el color entre dos colores, #65503C y #D3CDC7. 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 - #D3CDC7 | 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 #D3CDC7 como 100%.

0.0%	0.0% #65503C	RGB 101 80 60	#65503C
16.7%	16.7% #776453	RGB 119 100 83	#776453
33.3%	33.3% #89796A	RGB 137 121 106	#89796A
50.0%	50.0% #9C8E81	RGB 156 142 129	#9C8E81
66.7%	66.7% #AEA398	RGB 174 163 152	#AEA398
83.3%	83.3% #C0B8AF	RGB 192 184 175	#C0B8AF
100.0%	100.0% #D3CDC7	RGB 211 205 199	#D3CDC7

#65503C #776453 #89796A #9C8E81 #AEA398 #C0B8AF #D3CDC7

#65503C - #D3CDC7

Mezcla HSV

#65503C - #D3CDC7 | 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 #D3CDC7 como 100%.

0.0%	0.0% #65503C	RGB 101 80 60	#65503C
16.7%	16.7% #77624D	RGB 119 98 77	#77624D
33.3%	33.3% #897561	RGB 137 117 97	#897561
50.0%	50.0% #9C8977	RGB 156 137 119	#9C8977
66.7%	66.7% #AE9F90	RGB 174 159 144	#AE9F90
83.3%	83.3% #C0B5AA	RGB 192 181 170	#C0B5AA
100.0%	100.0% #D3CDC7	RGB 211 205 199	#D3CDC7

#65503C #77624D #897561 #9C8977 #AE9F90 #C0B5AA #D3CDC7

#65503C - #9C8977 - #D3CDC7

Códigos CSS

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

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