#714141 - #D6C8C8 | 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 #714141 a #D6C8C8

#714141 #D6C8C8

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

#714141 - #D6C8C8 | 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 #714141 como 0% y #D6C8C8 como 100%.

0.0%	0.0% #714141	RGB 113 65 65	#714141
16.7%	16.7% #815757	RGB 129 87 87	#815757
33.3%	33.3% #926E6E	RGB 146 110 110	#926E6E
50.0%	50.0% #A38484	RGB 163 132 132	#A38484
66.7%	66.7% #B49B9B	RGB 180 155 155	#B49B9B
83.3%	83.3% #C5B1B1	RGB 197 177 177	#C5B1B1
100.0%	100.0% #D6C8C8	RGB 214 200 200	#D6C8C8

#714141 #815757 #926E6E #A38484 #B49B9B #C5B1B1 #D6C8C8

#714141 - #D6C8C8

Mezcla HSV

#714141 - #D6C8C8 | 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 #714141 como 0% y #D6C8C8 como 100%.

0.0%	0.0% #714141	RGB 113 65 65	#714141
16.7%	16.7% #815252	RGB 129 82 82	#815252
33.3%	33.3% #926565	RGB 146 101 101	#926565
50.0%	50.0% #A37B7B	RGB 163 123 123	#A37B7B
66.7%	66.7% #B49292	RGB 180 146 146	#B49292
83.3%	83.3% #C5ACAC	RGB 197 172 172	#C5ACAC
100.0%	100.0% #D6C8C8	RGB 214 200 200	#D6C8C8

#714141 #815252 #926565 #A37B7B #B49292 #C5ACAC #D6C8C8

#714141 - #A37B7B - #D6C8C8

Códigos CSS

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

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