#9F5280 - #E3CDDA | 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 #9F5280 a #E3CDDA

#9F5280 #E3CDDA

Calcule el color entre dos colores, #9F5280 y #E3CDDA. 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)

#9F5280 - #E3CDDA | 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 #9F5280 como 0% y #E3CDDA como 100%.

0.0%	0.0% #9F5280	RGB 159 82 128	#9F5280
16.7%	16.7% #AA668F	RGB 170 102 143	#AA668F
33.3%	33.3% #B57B9E	RGB 181 123 158	#B57B9E
50.0%	50.0% #C18FAD	RGB 193 143 173	#C18FAD
66.7%	66.7% #CCA4BC	RGB 204 164 188	#CCA4BC
83.3%	83.3% #D7B8CB	RGB 215 184 203	#D7B8CB
100.0%	100.0% #E3CDDA	RGB 227 205 218	#E3CDDA

#9F5280 #AA668F #B57B9E #C18FAD #CCA4BC #D7B8CB #E3CDDA

#9F5280 - #E3CDDA

Mezcla HSV

#9F5280 - #E3CDDA | 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 #9F5280 como 0% y #E3CDDA como 100%.

0.0%	0.0% #9F5280	RGB 159 82 128	#9F5280
16.7%	16.7% #AA628D	RGB 170 98 141	#AA628D
33.3%	33.3% #B5759B	RGB 181 117 155	#B5759B
50.0%	50.0% #C188AA	RGB 193 136 170	#C188AA
66.7%	66.7% #CC9EB9	RGB 204 158 185	#CC9EB9
83.3%	83.3% #D7B4C9	RGB 215 180 201	#D7B4C9
100.0%	100.0% #E3CDDA	RGB 227 205 218	#E3CDDA

#9F5280 #AA628D #B5759B #C188AA #CC9EB9 #D7B4C9 #E3CDDA

#9F5280 - #C188AA - #E3CDDA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5280 0%, #C188AA 50%, #E3CDDA 100%);
    background: -webkit-linear-gradient(top, #9F5280 0%, #C188AA 50%, #E3CDDA 100%);
    background: linear-gradient(to bottom, #9F5280 0%, #C188AA 50%, #E3CDDA 100%);
}
</style>