#501E3B - #CDBEC6 | 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 #501E3B a #CDBEC6

#501E3B #CDBEC6

Calcule el color entre dos colores, #501E3B y #CDBEC6. 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)

#501E3B - #CDBEC6 | 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 #501E3B como 0% y #CDBEC6 como 100%.

0.0%	0.0% #501E3B	RGB 80 30 59	#501E3B
16.7%	16.7% #643852	RGB 100 56 82	#643852
33.3%	33.3% #795369	RGB 121 83 105	#795369
50.0%	50.0% #8E6E80	RGB 142 110 128	#8E6E80
66.7%	66.7% #A38897	RGB 163 136 151	#A38897
83.3%	83.3% #B8A3AE	RGB 184 163 174	#B8A3AE
100.0%	100.0% #CDBEC6	RGB 205 190 198	#CDBEC6

#501E3B #643852 #795369 #8E6E80 #A38897 #B8A3AE #CDBEC6

#501E3B - #CDBEC6

Mezcla HSV

#501E3B - #CDBEC6 | 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 #501E3B como 0% y #CDBEC6 como 100%.

0.0%	0.0% #501E3B	RGB 80 30 59	#501E3B
16.7%	16.7% #642F4D	RGB 100 47 77	#642F4D
33.3%	33.3% #794462	RGB 121 68 98	#794462
50.0%	50.0% #8E5C78	RGB 142 92 120	#8E5C78
66.7%	66.7% #A37990	RGB 163 121 144	#A37990
83.3%	83.3% #B899AA	RGB 184 153 170	#B899AA
100.0%	100.0% #CDBEC6	RGB 205 190 198	#CDBEC6

#501E3B #642F4D #794462 #8E5C78 #A37990 #B899AA #CDBEC6

#501E3B - #8E5C78 - #CDBEC6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #501E3B 0%, #8E5C78 50%, #CDBEC6 100%);
    background: -webkit-linear-gradient(top, #501E3B 0%, #8E5C78 50%, #CDBEC6 100%);
    background: linear-gradient(to bottom, #501E3B 0%, #8E5C78 50%, #CDBEC6 100%);
}
</style>