#50242C - #CDC0C2 | 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 #50242C a #CDC0C2

#50242C #CDC0C2

Calcule el color entre dos colores, #50242C y #CDC0C2. 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)

#50242C - #CDC0C2 | 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 #50242C como 0% y #CDC0C2 como 100%.

0.0%	0.0% #50242C	RGB 80 36 44	#50242C
16.7%	16.7% #643E45	RGB 100 62 69	#643E45
33.3%	33.3% #79585E	RGB 121 88 94	#79585E
50.0%	50.0% #8E7277	RGB 142 114 119	#8E7277
66.7%	66.7% #A38C90	RGB 163 140 144	#A38C90
83.3%	83.3% #B8A6A9	RGB 184 166 169	#B8A6A9
100.0%	100.0% #CDC0C2	RGB 205 192 194	#CDC0C2

#50242C #643E45 #79585E #8E7277 #A38C90 #B8A6A9 #CDC0C2

#50242C - #CDC0C2

Mezcla HSV

#50242C - #CDC0C2 | 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 #50242C como 0% y #CDC0C2 como 100%.

0.0%	0.0% #50242B	RGB 80 36 43	#50242B
16.7%	16.7% #64353D	RGB 100 53 61	#64353D
33.3%	33.3% #794A52	RGB 121 74 82	#794A52
50.0%	50.0% #8E626A	RGB 142 98 106	#8E626A
66.7%	66.7% #A37E84	RGB 163 126 132	#A37E84
83.3%	83.3% #B89DA1	RGB 184 157 161	#B89DA1
100.0%	100.0% #CDC0C2	RGB 205 192 194	#CDC0C2

#50242B #64353D #794A52 #8E626A #A37E84 #B89DA1 #CDC0C2

#50242C - #8E626A - #CDC0C2

Códigos CSS

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

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