#9F7EB6 - #E3DAEA | 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 #9F7EB6 a #E3DAEA

#9F7EB6 #E3DAEA

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

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

0.0%	0.0% #9F7EB6	RGB 159 126 182	#9F7EB6
16.7%	16.7% #AA8DBE	RGB 170 141 190	#AA8DBE
33.3%	33.3% #B59CC7	RGB 181 156 199	#B59CC7
50.0%	50.0% #C1ACD0	RGB 193 172 208	#C1ACD0
66.7%	66.7% #CCBBD8	RGB 204 187 216	#CCBBD8
83.3%	83.3% #D7CAE1	RGB 215 202 225	#D7CAE1
100.0%	100.0% #E3DAEA	RGB 227 218 234	#E3DAEA

#9F7EB6 #AA8DBE #B59CC7 #C1ACD0 #CCBBD8 #D7CAE1 #E3DAEA

#9F7EB6 - #E3DAEA

Mezcla HSV

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

0.0%	0.0% #9F7EB6	RGB 159 126 182	#9F7EB6
16.7%	16.7% #A98BBE	RGB 169 139 190	#A98BBE
33.3%	33.3% #B499C7	RGB 180 153 199	#B499C7
50.0%	50.0% #BFA8D0	RGB 191 168 208	#BFA8D0
66.7%	66.7% #CAB8D8	RGB 202 184 216	#CAB8D8
83.3%	83.3% #D6C8E1	RGB 214 200 225	#D6C8E1
100.0%	100.0% #E3DAEA	RGB 227 218 234	#E3DAEA

#9F7EB6 #A98BBE #B499C7 #BFA8D0 #CAB8D8 #D6C8E1 #E3DAEA

#9F7EB6 - #BFA8D0 - #E3DAEA

Códigos CSS

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

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