#CAA9A9 - #B25A53 | 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 #CAA9A9 a #B25A53

#CAA9A9 #B25A53

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

#CAA9A9 - #B25A53 | 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 #CAA9A9 como 0% y #B25A53 como 100%.

0.0%	0.0% #CAA9A9	RGB 202 169 169	#CAA9A9
16.7%	16.7% #C69B9A	RGB 198 155 154	#C69B9A
33.3%	33.3% #C28E8C	RGB 194 142 140	#C28E8C
50.0%	50.0% #BE817E	RGB 190 129 126	#BE817E
66.7%	66.7% #BA746F	RGB 186 116 111	#BA746F
83.3%	83.3% #B66761	RGB 182 103 97	#B66761
100.0%	100.0% #B25A53	RGB 178 90 83	#B25A53

#CAA9A9 #C69B9A #C28E8C #BE817E #BA746F #B66761 #B25A53

#CAA9A9 - #B25A53

Mezcla HSV

#CAA9A9 - #B25A53 | 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 #CAA9A9 como 0% y #B25A53 como 100%.

0.0%	0.0% #CAA9A9	RGB 202 169 169	#CAA9A9
16.7%	16.7% #C69999	RGB 198 153 153	#C69999
33.3%	33.3% #C28B8A	RGB 194 139 138	#C28B8A
50.0%	50.0% #BE7E7B	RGB 190 126 123	#BE7E7B
66.7%	66.7% #BA716D	RGB 186 113 109	#BA716D
83.3%	83.3% #B66560	RGB 182 101 96	#B66560
100.0%	100.0% #B25A53	RGB 178 90 83	#B25A53

#CAA9A9 #C69999 #C28B8A #BE7E7B #BA716D #B66560 #B25A53

#CAA9A9 - #BE7E7B - #B25A53

Códigos CSS

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

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