#3E318B - #270228 | 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 #3E318B a #270228

#3E318B #270228

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

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

0.0%	0.0% #3E318B	RGB 62 49 139	#3E318B
16.7%	16.7% #3A297A	RGB 58 41 122	#3A297A
33.3%	33.3% #36216A	RGB 54 33 106	#36216A
50.0%	50.0% #321959	RGB 50 25 89	#321959
66.7%	66.7% #2E1149	RGB 46 17 73	#2E1149
83.3%	83.3% #2A0938	RGB 42 9 56	#2A0938
100.0%	100.0% #270228	RGB 39 2 40	#270228

#3E318B #3A297A #36216A #321959 #2E1149 #2A0938 #270228

#3E318B - #270228

Mezcla HSV

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

0.0%	0.0% #3E318B	RGB 62 49 139	#3E318B
16.7%	16.7% #3D257A	RGB 61 37 122	#3D257A
33.3%	33.3% #3C1A6A	RGB 60 26 106	#3C1A6A
50.0%	50.0% #391259	RGB 57 18 89	#391259
66.7%	66.7% #360B49	RGB 54 11 73	#360B49
83.3%	83.3% #300538	RGB 48 5 56	#300538
100.0%	100.0% #270228	RGB 39 2 40	#270228

#3E318B #3D257A #3C1A6A #391259 #360B49 #300538 #270228

#3E318B - #391259 - #270228

Códigos CSS

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

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