#522B5E - #CDC2D1 | 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 #522B5E a #CDC2D1

#522B5E #CDC2D1

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

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

0.0%	0.0% #522B5E	RGB 82 43 94	#522B5E
16.7%	16.7% #664471	RGB 102 68 113	#664471
33.3%	33.3% #7B5D84	RGB 123 93 132	#7B5D84
50.0%	50.0% #8F7697	RGB 143 118 151	#8F7697
66.7%	66.7% #A48FAA	RGB 164 143 170	#A48FAA
83.3%	83.3% #B8A8BD	RGB 184 168 189	#B8A8BD
100.0%	100.0% #CDC2D1	RGB 205 194 209	#CDC2D1

#522B5E #664471 #7B5D84 #8F7697 #A48FAA #B8A8BD #CDC2D1

#522B5E - #CDC2D1

Mezcla HSV

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

0.0%	0.0% #512B5E	RGB 81 43 94	#512B5E
16.7%	16.7% #643C71	RGB 100 60 113	#643C71
33.3%	33.3% #775184	RGB 119 81 132	#775184
50.0%	50.0% #8B6897	RGB 139 104 151	#8B6897
66.7%	66.7% #A083AA	RGB 160 131 170	#A083AA
83.3%	83.3% #B6A1BD	RGB 182 161 189	#B6A1BD
100.0%	100.0% #CDC2D1	RGB 205 194 209	#CDC2D1

#512B5E #643C71 #775184 #8B6897 #A083AA #B6A1BD #CDC2D1

#522B5E - #8B6897 - #CDC2D1

Códigos CSS

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

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