#3C3C5E - #857C85 | 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 #3C3C5E a #857C85

#3C3C5E #857C85

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

#3C3C5E - #857C85 | 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 #3C3C5E como 0% y #857C85 como 100%.

0.0%	0.0% #3C3C5E	RGB 60 60 94	#3C3C5E
16.7%	16.7% #484664	RGB 72 70 100	#484664
33.3%	33.3% #54516B	RGB 84 81 107	#54516B
50.0%	50.0% #605C71	RGB 96 92 113	#605C71
66.7%	66.7% #6C6678	RGB 108 102 120	#6C6678
83.3%	83.3% #78717E	RGB 120 113 126	#78717E
100.0%	100.0% #857C85	RGB 133 124 133	#857C85

#3C3C5E #484664 #54516B #605C71 #6C6678 #78717E #857C85

#3C3C5E - #857C85

Mezcla HSV

#3C3C5E - #857C85 | 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 #3C3C5E como 0% y #857C85 como 100%.

0.0%	0.0% #3C3C5E	RGB 60 60 94	#3C3C5E
16.7%	16.7% #4A4564	RGB 74 69 100	#4A4564
33.3%	33.3% #584E6B	RGB 88 78 107	#584E6B
50.0%	50.0% #655971	RGB 101 89 113	#655971
66.7%	66.7% #716478	RGB 113 100 120	#716478
83.3%	83.3% #7C6F7E	RGB 124 111 126	#7C6F7E
100.0%	100.0% #857C85	RGB 133 124 133	#857C85

#3C3C5E #4A4564 #584E6B #655971 #716478 #7C6F7E #857C85

#3C3C5E - #655971 - #857C85

Códigos CSS

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

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