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

#562B5E #CEC2D1

Calcule el color entre dos colores, #562B5E 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)

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

0.0%	0.0% #562B5E	RGB 86 43 94	#562B5E
16.7%	16.7% #6A4471	RGB 106 68 113	#6A4471
33.3%	33.3% #7E5D84	RGB 126 93 132	#7E5D84
50.0%	50.0% #927697	RGB 146 118 151	#927697
66.7%	66.7% #A68FAA	RGB 166 143 170	#A68FAA
83.3%	83.3% #BAA8BD	RGB 186 168 189	#BAA8BD
100.0%	100.0% #CEC2D1	RGB 206 194 209	#CEC2D1

#562B5E #6A4471 #7E5D84 #927697 #A68FAA #BAA8BD #CEC2D1

#562B5E - #CEC2D1

Mezcla HSV

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

0.0%	0.0% #552B5E	RGB 85 43 94	#552B5E
16.7%	16.7% #683C71	RGB 104 60 113	#683C71
33.3%	33.3% #7B5184	RGB 123 81 132	#7B5184
50.0%	50.0% #8F6897	RGB 143 104 151	#8F6897
66.7%	66.7% #A383AA	RGB 163 131 170	#A383AA
83.3%	83.3% #B8A1BD	RGB 184 161 189	#B8A1BD
100.0%	100.0% #CEC2D1	RGB 206 194 209	#CEC2D1

#552B5E #683C71 #7B5184 #8F6897 #A383AA #B8A1BD #CEC2D1

#562B5E - #8F6897 - #CEC2D1

Códigos CSS

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

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