#71635C - #D6D2D0 | 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 #71635C a #D6D2D0

#71635C #D6D2D0

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

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

0.0%	0.0% #71635C	RGB 113 99 92	#71635C
16.7%	16.7% #81756F	RGB 129 117 111	#81756F
33.3%	33.3% #928882	RGB 146 136 130	#928882
50.0%	50.0% #A39A96	RGB 163 154 150	#A39A96
66.7%	66.7% #B4ADA9	RGB 180 173 169	#B4ADA9
83.3%	83.3% #C5BFBC	RGB 197 191 188	#C5BFBC
100.0%	100.0% #D6D2D0	RGB 214 210 208	#D6D2D0

#71635C #81756F #928882 #A39A96 #B4ADA9 #C5BFBC #D6D2D0

#71635C - #D6D2D0

Mezcla HSV

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

0.0%	0.0% #71635C	RGB 113 99 92	#71635C
16.7%	16.7% #81746D	RGB 129 116 109	#81746D
33.3%	33.3% #92857F	RGB 146 133 127	#92857F
50.0%	50.0% #A39792	RGB 163 151 146	#A39792
66.7%	66.7% #B4AAA5	RGB 180 170 165	#B4AAA5
83.3%	83.3% #C5BEBA	RGB 197 190 186	#C5BEBA
100.0%	100.0% #D6D2D0	RGB 214 210 208	#D6D2D0

#71635C #81746D #92857F #A39792 #B4AAA5 #C5BEBA #D6D2D0

#71635C - #A39792 - #D6D2D0

Códigos CSS

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

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