#542B5E - #CEC2D1 | 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 #542B5E a #CEC2D1

#542B5E #CEC2D1

Calcule el color entre dos colores, #542B5E y #CEC2D1. 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)

#542B5E - #CEC2D1 | 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 #542B5E como 0% y #CEC2D1 como 100%.

0.0%	0.0% #542B5E	RGB 84 43 94	#542B5E
16.7%	16.7% #684471	RGB 104 68 113	#684471
33.3%	33.3% #7C5D84	RGB 124 93 132	#7C5D84
50.0%	50.0% #917697	RGB 145 118 151	#917697
66.7%	66.7% #A58FAA	RGB 165 143 170	#A58FAA
83.3%	83.3% #B9A8BD	RGB 185 168 189	#B9A8BD
100.0%	100.0% #CEC2D1	RGB 206 194 209	#CEC2D1

#542B5E #684471 #7C5D84 #917697 #A58FAA #B9A8BD #CEC2D1

#542B5E - #CEC2D1

Mezcla HSV

#542B5E - #CEC2D1 | 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 #542B5E como 0% y #CEC2D1 como 100%.

0.0%	0.0% #532B5E	RGB 83 43 94	#532B5E
16.7%	16.7% #663C71	RGB 102 60 113	#663C71
33.3%	33.3% #7A5184	RGB 122 81 132	#7A5184
50.0%	50.0% #8E6897	RGB 142 104 151	#8E6897
66.7%	66.7% #A283AA	RGB 162 131 170	#A283AA
83.3%	83.3% #B8A1BD	RGB 184 161 189	#B8A1BD
100.0%	100.0% #CEC2D1	RGB 206 194 209	#CEC2D1

#532B5E #663C71 #7A5184 #8E6897 #A283AA #B8A1BD #CEC2D1

#542B5E - #8E6897 - #CEC2D1

Códigos CSS

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

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