#936B8C - #D48DEC | 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 #936B8C a #D48DEC

#936B8C #D48DEC

Calcule el color entre dos colores, #936B8C y #D48DEC. 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)

#936B8C - #D48DEC | 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 #936B8C como 0% y #D48DEC como 100%.

0.0%	0.0% #936B8C	RGB 147 107 140	#936B8C
16.7%	16.7% #9D709C	RGB 157 112 156	#9D709C
33.3%	33.3% #A876AC	RGB 168 118 172	#A876AC
50.0%	50.0% #B37CBC	RGB 179 124 188	#B37CBC
66.7%	66.7% #BE81CC	RGB 190 129 204	#BE81CC
83.3%	83.3% #C987DC	RGB 201 135 220	#C987DC
100.0%	100.0% #D48DEC	RGB 212 141 236	#D48DEC

#936B8C #9D709C #A876AC #B37CBC #BE81CC #C987DC #D48DEC

#936B8C - #D48DEC

Mezcla HSV

#936B8C - #D48DEC | 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 #936B8C como 0% y #D48DEC como 100%.

0.0%	0.0% #936B8C	RGB 147 107 140	#936B8C
16.7%	16.7% #A1729C	RGB 161 114 156	#A1729C
33.3%	33.3% #B078AE	RGB 176 120 174	#B078AE
50.0%	50.0% #BC7EBF	RGB 188 126 191	#BC7EBF
66.7%	66.7% #C684CE	RGB 198 132 206	#C684CE
83.3%	83.3% #CD88DD	RGB 205 136 221	#CD88DD
100.0%	100.0% #D48DEC	RGB 212 141 236	#D48DEC

#936B8C #A1729C #B078AE #BC7EBF #C684CE #CD88DD #D48DEC

#936B8C - #BC7EBF - #D48DEC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #936B8C 0%, #BC7EBF 50%, #D48DEC 100%);
    background: -webkit-linear-gradient(top, #936B8C 0%, #BC7EBF 50%, #D48DEC 100%);
    background: linear-gradient(to bottom, #936B8C 0%, #BC7EBF 50%, #D48DEC 100%);
}
</style>