#3C48FE - #C7CAFE | 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 #3C48FE a #C7CAFE

#3C48FE #C7CAFE

Calcule el color entre dos colores, #3C48FE y #C7CAFE. 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)

#3C48FE - #C7CAFE | 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 #3C48FE como 0% y #C7CAFE como 100%.

0.0%	0.0% #3C48FE	RGB 60 72 254	#3C48FE
16.7%	16.7% #535DFE	RGB 83 93 254	#535DFE
33.3%	33.3% #6A73FE	RGB 106 115 254	#6A73FE
50.0%	50.0% #8189FE	RGB 129 137 254	#8189FE
66.7%	66.7% #989EFE	RGB 152 158 254	#989EFE
83.3%	83.3% #AFB4FE	RGB 175 180 254	#AFB4FE
100.0%	100.0% #C7CAFE	RGB 199 202 254	#C7CAFE

#3C48FE #535DFE #6A73FE #8189FE #989EFE #AFB4FE #C7CAFE

#3C48FE - #C7CAFE

Mezcla HSV

#3C48FE - #C7CAFE | 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 #3C48FE como 0% y #C7CAFE como 100%.

0.0%	0.0% #3C47FE	RGB 60 71 254	#3C47FE
16.7%	16.7% #535DFE	RGB 83 93 254	#535DFE
33.3%	33.3% #6A73FE	RGB 106 115 254	#6A73FE
50.0%	50.0% #8188FE	RGB 129 136 254	#8188FE
66.7%	66.7% #989EFE	RGB 152 158 254	#989EFE
83.3%	83.3% #AFB4FE	RGB 175 180 254	#AFB4FE
100.0%	100.0% #C7CAFE	RGB 199 202 254	#C7CAFE

#3C47FE #535DFE #6A73FE #8188FE #989EFE #AFB4FE #C7CAFE

#3C48FE - #8188FE - #C7CAFE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C47FE 0%, #8188FE 50%, #C7CAFE 100%);
    background: -webkit-linear-gradient(top, #3C47FE 0%, #8188FE 50%, #C7CAFE 100%);
    background: linear-gradient(to bottom, #3C47FE 0%, #8188FE 50%, #C7CAFE 100%);
}
</style>