#3E3C5E - #C7C7D1 | 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 #3E3C5E a #C7C7D1

#3E3C5E #C7C7D1

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

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

0.0%	0.0% #3E3C5E	RGB 62 60 94	#3E3C5E
16.7%	16.7% #545371	RGB 84 83 113	#545371
33.3%	33.3% #6B6A84	RGB 107 106 132	#6B6A84
50.0%	50.0% #828197	RGB 130 129 151	#828197
66.7%	66.7% #9998AA	RGB 153 152 170	#9998AA
83.3%	83.3% #B0AFBD	RGB 176 175 189	#B0AFBD
100.0%	100.0% #C7C7D1	RGB 199 199 209	#C7C7D1

#3E3C5E #545371 #6B6A84 #828197 #9998AA #B0AFBD #C7C7D1

#3E3C5E - #C7C7D1

Mezcla HSV

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

0.0%	0.0% #3E3C5E	RGB 62 60 94	#3E3C5E
16.7%	16.7% #4F4E71	RGB 79 78 113	#4F4E71
33.3%	33.3% #636284	RGB 99 98 132	#636284
50.0%	50.0% #797897	RGB 121 120 151	#797897
66.7%	66.7% #9190AA	RGB 145 144 170	#9190AA
83.3%	83.3% #ABAABD	RGB 171 170 189	#ABAABD
100.0%	100.0% #C7C7D1	RGB 199 199 209	#C7C7D1

#3E3C5E #4F4E71 #636284 #797897 #9190AA #ABAABD #C7C7D1

#3E3C5E - #797897 - #C7C7D1

Códigos CSS

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

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