#502435 - #CDC0C4 | 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 #502435 a #CDC0C4

#502435 #CDC0C4

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

#502435 - #CDC0C4 | 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 #502435 como 0% y #CDC0C4 como 100%.

0.0%	0.0% #502435	RGB 80 36 53	#502435
16.7%	16.7% #643E4C	RGB 100 62 76	#643E4C
33.3%	33.3% #795864	RGB 121 88 100	#795864
50.0%	50.0% #8E727C	RGB 142 114 124	#8E727C
66.7%	66.7% #A38C94	RGB 163 140 148	#A38C94
83.3%	83.3% #B8A6AC	RGB 184 166 172	#B8A6AC
100.0%	100.0% #CDC0C4	RGB 205 192 196	#CDC0C4

#502435 #643E4C #795864 #8E727C #A38C94 #B8A6AC #CDC0C4

#502435 - #CDC0C4

Mezcla HSV

#502435 - #CDC0C4 | 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 #502435 como 0% y #CDC0C4 como 100%.

0.0%	0.0% #502435	RGB 80 36 53	#502435
16.7%	16.7% #643547	RGB 100 53 71	#643547
33.3%	33.3% #794A5B	RGB 121 74 91	#794A5B
50.0%	50.0% #8E6271	RGB 142 98 113	#8E6271
66.7%	66.7% #A37E8A	RGB 163 126 138	#A37E8A
83.3%	83.3% #B89DA6	RGB 184 157 166	#B89DA6
100.0%	100.0% #CDC0C4	RGB 205 192 196	#CDC0C4

#502435 #643547 #794A5B #8E6271 #A37E8A #B89DA6 #CDC0C4

#502435 - #8E6271 - #CDC0C4

Códigos CSS

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

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