#9A8FBC - #E2DFEB | 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 #9A8FBC a #E2DFEB

#9A8FBC #E2DFEB

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

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

0.0%	0.0% #9A8FBC	RGB 154 143 188	#9A8FBC
16.7%	16.7% #A69CC3	RGB 166 156 195	#A69CC3
33.3%	33.3% #B2A9CB	RGB 178 169 203	#B2A9CB
50.0%	50.0% #BEB7D3	RGB 190 183 211	#BEB7D3
66.7%	66.7% #CAC4DB	RGB 202 196 219	#CAC4DB
83.3%	83.3% #D6D1E3	RGB 214 209 227	#D6D1E3
100.0%	100.0% #E2DFEB	RGB 226 223 235	#E2DFEB

#9A8FBC #A69CC3 #B2A9CB #BEB7D3 #CAC4DB #D6D1E3 #E2DFEB

#9A8FBC - #E2DFEB

Mezcla HSV

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

0.0%	0.0% #9A8FBC	RGB 154 143 188	#9A8FBC
16.7%	16.7% #A59BC3	RGB 165 155 195	#A59BC3
33.3%	33.3% #B0A7CB	RGB 176 167 203	#B0A7CB
50.0%	50.0% #BCB4D3	RGB 188 180 211	#BCB4D3
66.7%	66.7% #C8C2DB	RGB 200 194 219	#C8C2DB
83.3%	83.3% #D5D0E3	RGB 213 208 227	#D5D0E3
100.0%	100.0% #E2DFEB	RGB 226 223 235	#E2DFEB

#9A8FBC #A59BC3 #B0A7CB #BCB4D3 #C8C2DB #D5D0E3 #E2DFEB

#9A8FBC - #BCB4D3 - #E2DFEB

Códigos CSS

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

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