#3C3C9D - #C8C7E3 | 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 #3C3C9D a #C8C7E3

#3C3C9D #C8C7E3

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

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

0.0%	0.0% #3C3C9D	RGB 60 60 157	#3C3C9D
16.7%	16.7% #5353A8	RGB 83 83 168	#5353A8
33.3%	33.3% #6A6AB4	RGB 106 106 180	#6A6AB4
50.0%	50.0% #8281C0	RGB 130 129 192	#8281C0
66.7%	66.7% #9998CB	RGB 153 152 203	#9998CB
83.3%	83.3% #B0AFD7	RGB 176 175 215	#B0AFD7
100.0%	100.0% #C8C7E3	RGB 200 199 227	#C8C7E3

#3C3C9D #5353A8 #6A6AB4 #8281C0 #9998CB #B0AFD7 #C8C7E3

#3C3C9D - #C8C7E3

Mezcla HSV

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

0.0%	0.0% #3C3C9D	RGB 60 60 157	#3C3C9D
16.7%	16.7% #4E4EA8	RGB 78 78 168	#4E4EA8
33.3%	33.3% #6362B4	RGB 99 98 180	#6362B4
50.0%	50.0% #7A78C0	RGB 122 120 192	#7A78C0
66.7%	66.7% #9290CB	RGB 146 144 203	#9290CB
83.3%	83.3% #ACABD7	RGB 172 171 215	#ACABD7
100.0%	100.0% #C8C7E3	RGB 200 199 227	#C8C7E3

#3C3C9D #4E4EA8 #6362B4 #7A78C0 #9290CB #ACABD7 #C8C7E3

#3C3C9D - #7A78C0 - #C8C7E3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C9D 0%, #7A78C0 50%, #C8C7E3 100%);
    background: -webkit-linear-gradient(top, #3C3C9D 0%, #7A78C0 50%, #C8C7E3 100%);
    background: linear-gradient(to bottom, #3C3C9D 0%, #7A78C0 50%, #C8C7E3 100%);
}
</style>