#868BCC - #BFC5D4 | 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 #868BCC a #BFC5D4

#868BCC #BFC5D4

Calcule el color entre dos colores, #868BCC y #BFC5D4. 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)

#868BCC - #BFC5D4 | 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 #868BCC como 0% y #BFC5D4 como 100%.

0.0%	0.0% #868BCC	RGB 134 139 204	#868BCC
16.7%	16.7% #8F94CD	RGB 143 148 205	#8F94CD
33.3%	33.3% #999ECE	RGB 153 158 206	#999ECE
50.0%	50.0% #A2A8D0	RGB 162 168 208	#A2A8D0
66.7%	66.7% #ACB1D1	RGB 172 177 209	#ACB1D1
83.3%	83.3% #B5BBD2	RGB 181 187 210	#B5BBD2
100.0%	100.0% #BFC5D4	RGB 191 197 212	#BFC5D4

#868BCC #8F94CD #999ECE #A2A8D0 #ACB1D1 #B5BBD2 #BFC5D4

#868BCC - #BFC5D4

Mezcla HSV

#868BCC - #BFC5D4 | 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 #868BCC como 0% y #BFC5D4 como 100%.

0.0%	0.0% #868BCC	RGB 134 139 204	#868BCC
16.7%	16.7% #8F95CD	RGB 143 149 205	#8F95CD
33.3%	33.3% #98A0CE	RGB 152 160 206	#98A0CE
50.0%	50.0% #A2AAD0	RGB 162 170 208	#A2AAD0
66.7%	66.7% #ABB3D1	RGB 171 179 209	#ABB3D1
83.3%	83.3% #B5BCD2	RGB 181 188 210	#B5BCD2
100.0%	100.0% #BFC5D4	RGB 191 197 212	#BFC5D4

#868BCC #8F95CD #98A0CE #A2AAD0 #ABB3D1 #B5BCD2 #BFC5D4

#868BCC - #A2AAD0 - #BFC5D4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #868BCC 0%, #A2AAD0 50%, #BFC5D4 100%);
    background: -webkit-linear-gradient(top, #868BCC 0%, #A2AAD0 50%, #BFC5D4 100%);
    background: linear-gradient(to bottom, #868BCC 0%, #A2AAD0 50%, #BFC5D4 100%);
}
</style>