#C68A8A - #A93D36 | 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 #C68A8A a #A93D36

#C68A8A #A93D36

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

#C68A8A - #A93D36 | 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 #C68A8A como 0% y #A93D36 como 100%.

0.0%	0.0% #C68A8A	RGB 198 138 138	#C68A8A
16.7%	16.7% #C17D7C	RGB 193 125 124	#C17D7C
33.3%	33.3% #BC706E	RGB 188 112 110	#BC706E
50.0%	50.0% #B76360	RGB 183 99 96	#B76360
66.7%	66.7% #B25652	RGB 178 86 82	#B25652
83.3%	83.3% #AD4944	RGB 173 73 68	#AD4944
100.0%	100.0% #A93D36	RGB 169 61 54	#A93D36

#C68A8A #C17D7C #BC706E #B76360 #B25652 #AD4944 #A93D36

#C68A8A - #A93D36

Mezcla HSV

#C68A8A - #A93D36 | 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 #C68A8A como 0% y #A93D36 como 100%.

0.0%	0.0% #C68A8A	RGB 198 138 138	#C68A8A
16.7%	16.7% #C17B7A	RGB 193 123 122	#C17B7A
33.3%	33.3% #BC6D6B	RGB 188 109 107	#BC6D6B
50.0%	50.0% #B7605D	RGB 183 96 93	#B7605D
66.7%	66.7% #B2534F	RGB 178 83 79	#B2534F
83.3%	83.3% #AD4742	RGB 173 71 66	#AD4742
100.0%	100.0% #A93D36	RGB 169 61 54	#A93D36

#C68A8A #C17B7A #BC6D6B #B7605D #B2534F #AD4742 #A93D36

#C68A8A - #B7605D - #A93D36

Códigos CSS

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

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