#9690BC - #E1DFEB | 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 #9690BC a #E1DFEB

#9690BC #E1DFEB

Calcule el color entre dos colores, #9690BC y #E1DFEB. 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)

#9690BC - #E1DFEB | 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 #9690BC como 0% y #E1DFEB como 100%.

0.0%	0.0% #9690BC	RGB 150 144 188	#9690BC
16.7%	16.7% #A29DC3	RGB 162 157 195	#A29DC3
33.3%	33.3% #AFAACB	RGB 175 170 203	#AFAACB
50.0%	50.0% #BBB7D3	RGB 187 183 211	#BBB7D3
66.7%	66.7% #C8C4DB	RGB 200 196 219	#C8C4DB
83.3%	83.3% #D4D1E3	RGB 212 209 227	#D4D1E3
100.0%	100.0% #E1DFEB	RGB 225 223 235	#E1DFEB

#9690BC #A29DC3 #AFAACB #BBB7D3 #C8C4DB #D4D1E3 #E1DFEB

#9690BC - #E1DFEB

Mezcla HSV

#9690BC - #E1DFEB | 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 #9690BC como 0% y #E1DFEB como 100%.

0.0%	0.0% #9690BC	RGB 150 144 188	#9690BC
16.7%	16.7% #A19BC3	RGB 161 155 195	#A19BC3
33.3%	33.3% #ADA8CB	RGB 173 168 203	#ADA8CB
50.0%	50.0% #B9B5D3	RGB 185 181 211	#B9B5D3
66.7%	66.7% #C6C2DB	RGB 198 194 219	#C6C2DB
83.3%	83.3% #D3D0E3	RGB 211 208 227	#D3D0E3
100.0%	100.0% #E1DFEB	RGB 225 223 235	#E1DFEB

#9690BC #A19BC3 #ADA8CB #B9B5D3 #C6C2DB #D3D0E3 #E1DFEB

#9690BC - #B9B5D3 - #E1DFEB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9690BC 0%, #B9B5D3 50%, #E1DFEB 100%);
    background: -webkit-linear-gradient(top, #9690BC 0%, #B9B5D3 50%, #E1DFEB 100%);
    background: linear-gradient(to bottom, #9690BC 0%, #B9B5D3 50%, #E1DFEB 100%);
}
</style>