#5E5A99 - #E6AAB0 | 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 #5E5A99 a #E6AAB0

#5E5A99 #E6AAB0

Calcule el color entre dos colores, #5E5A99 y #E6AAB0. 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)

#5E5A99 - #E6AAB0 | 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 #5E5A99 como 0% y #E6AAB0 como 100%.

0.0%	0.0% #5E5A99	RGB 94 90 153	#5E5A99
16.7%	16.7% #74679C	RGB 116 103 156	#74679C
33.3%	33.3% #8B74A0	RGB 139 116 160	#8B74A0
50.0%	50.0% #A282A4	RGB 162 130 164	#A282A4
66.7%	66.7% #B88FA8	RGB 184 143 168	#B88FA8
83.3%	83.3% #CF9CAC	RGB 207 156 172	#CF9CAC
100.0%	100.0% #E6AAB0	RGB 230 170 176	#E6AAB0

#5E5A99 #74679C #8B74A0 #A282A4 #B88FA8 #CF9CAC #E6AAB0

#5E5A99 - #E6AAB0

Mezcla HSV

#5E5A99 - #E6AAB0 | 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 #5E5A99 como 0% y #E6AAB0 como 100%.

0.0%	0.0% #5D5A99	RGB 93 90 153	#5D5A99
16.7%	16.7% #7D65A5	RGB 125 101 165	#7D65A5
33.3%	33.3% #9D72B2	RGB 157 114 178	#9D72B2
50.0%	50.0% #BE7FBF	RGB 190 127 191	#BE7FBF
66.7%	66.7% #CC8CBA	RGB 204 140 186	#CC8CBA
83.3%	83.3% #D99BB4	RGB 217 155 180	#D99BB4
100.0%	100.0% #E6AAB0	RGB 230 170 176	#E6AAB0

#5D5A99 #7D65A5 #9D72B2 #BE7FBF #CC8CBA #D99BB4 #E6AAB0

#5E5A99 - #BE7FBF - #E6AAB0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5A99 0%, #BE7FBF 50%, #E6AAB0 100%);
    background: -webkit-linear-gradient(top, #5D5A99 0%, #BE7FBF 50%, #E6AAB0 100%);
    background: linear-gradient(to bottom, #5D5A99 0%, #BE7FBF 50%, #E6AAB0 100%);
}
</style>