#3E3CBE - #C8C7EC | 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 #3E3CBE a #C8C7EC

#3E3CBE #C8C7EC

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

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

0.0%	0.0% #3E3CBE	RGB 62 60 190	#3E3CBE
16.7%	16.7% #5553C5	RGB 85 83 197	#5553C5
33.3%	33.3% #6C6ACD	RGB 108 106 205	#6C6ACD
50.0%	50.0% #8381D5	RGB 131 129 213	#8381D5
66.7%	66.7% #9A98DC	RGB 154 152 220	#9A98DC
83.3%	83.3% #B1AFE4	RGB 177 175 228	#B1AFE4
100.0%	100.0% #C8C7EC	RGB 200 199 236	#C8C7EC

#3E3CBE #5553C5 #6C6ACD #8381D5 #9A98DC #B1AFE4 #C8C7EC

#3E3CBE - #C8C7EC

Mezcla HSV

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

0.0%	0.0% #3D3CBE	RGB 61 60 190	#3D3CBE
16.7%	16.7% #514FC5	RGB 81 79 197	#514FC5
33.3%	33.3% #6664CD	RGB 102 100 205	#6664CD
50.0%	50.0% #7D7BD5	RGB 125 123 213	#7D7BD5
66.7%	66.7% #9493DC	RGB 148 147 220	#9493DC
83.3%	83.3% #ADACE4	RGB 173 172 228	#ADACE4
100.0%	100.0% #C8C7EC	RGB 200 199 236	#C8C7EC

#3D3CBE #514FC5 #6664CD #7D7BD5 #9493DC #ADACE4 #C8C7EC

#3E3CBE - #7D7BD5 - #C8C7EC

Códigos CSS

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

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