#BCB5E3 - #704EB5 | 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 #BCB5E3 a #704EB5

#BCB5E3 #704EB5

Calcule el color entre dos colores, #BCB5E3 y #704EB5. 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)

#BCB5E3 - #704EB5 | 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 #BCB5E3 como 0% y #704EB5 como 100%.

0.0%	0.0% #BCB5E3	RGB 188 181 227	#BCB5E3
16.7%	16.7% #AFA3DB	RGB 175 163 219	#AFA3DB
33.3%	33.3% #A292D3	RGB 162 146 211	#A292D3
50.0%	50.0% #9681CC	RGB 150 129 204	#9681CC
66.7%	66.7% #8970C4	RGB 137 112 196	#8970C4
83.3%	83.3% #7C5FBC	RGB 124 95 188	#7C5FBC
100.0%	100.0% #704EB5	RGB 112 78 181	#704EB5

#BCB5E3 #AFA3DB #A292D3 #9681CC #8970C4 #7C5FBC #704EB5

#BCB5E3 - #704EB5

Mezcla HSV

#BCB5E3 - #704EB5 | 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 #BCB5E3 como 0% y #704EB5 como 100%.

0.0%	0.0% #BCB5E3	RGB 188 181 227	#BCB5E3
16.7%	16.7% #ACA1DB	RGB 172 161 219	#ACA1DB
33.3%	33.3% #9D8ED3	RGB 157 142 211	#9D8ED3
50.0%	50.0% #907DCC	RGB 144 125 204	#907DCC
66.7%	66.7% #846CC4	RGB 132 108 196	#846CC4
83.3%	83.3% #795CBC	RGB 121 92 188	#795CBC
100.0%	100.0% #704EB5	RGB 112 78 181	#704EB5

#BCB5E3 #ACA1DB #9D8ED3 #907DCC #846CC4 #795CBC #704EB5

#BCB5E3 - #907DCC - #704EB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB5E3 0%, #907DCC 50%, #704EB5 100%);
    background: -webkit-linear-gradient(top, #BCB5E3 0%, #907DCC 50%, #704EB5 100%);
    background: linear-gradient(to bottom, #BCB5E3 0%, #907DCC 50%, #704EB5 100%);
}
</style>