#8C3E5E - #E98979 | 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 #8C3E5E a #E98979

#8C3E5E #E98979

Calcule el color entre dos colores, #8C3E5E y #E98979. 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)

#8C3E5E - #E98979 | 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 #8C3E5E como 0% y #E98979 como 100%.

0.0%	0.0% #8C3E5E	RGB 140 62 94	#8C3E5E
16.7%	16.7% #9B4A62	RGB 155 74 98	#9B4A62
33.3%	33.3% #AB5767	RGB 171 87 103	#AB5767
50.0%	50.0% #BA636B	RGB 186 99 107	#BA636B
66.7%	66.7% #CA7070	RGB 202 112 112	#CA7070
83.3%	83.3% #D97C74	RGB 217 124 116	#D97C74
100.0%	100.0% #E98979	RGB 233 137 121	#E98979

#8C3E5E #9B4A62 #AB5767 #BA636B #CA7070 #D97C74 #E98979

#8C3E5E - #E98979

Mezcla HSV

#8C3E5E - #E98979 | 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 #8C3E5E como 0% y #E98979 como 100%.

0.0%	0.0% #8C3E5E	RGB 140 62 94	#8C3E5E
16.7%	16.7% #9B4661	RGB 155 70 97	#9B4661
33.3%	33.3% #AB5064	RGB 171 80 100	#AB5064
50.0%	50.0% #BA5966	RGB 186 89 102	#BA5966
66.7%	66.7% #CA6367	RGB 202 99 103	#CA6367
83.3%	83.3% #D9736E	RGB 217 115 110	#D9736E
100.0%	100.0% #E98979	RGB 233 137 121	#E98979

#8C3E5E #9B4661 #AB5064 #BA5966 #CA6367 #D9736E #E98979

#8C3E5E - #BA5966 - #E98979

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C3E5E 0%, #BA5966 50%, #E98979 100%);
    background: -webkit-linear-gradient(top, #8C3E5E 0%, #BA5966 50%, #E98979 100%);
    background: linear-gradient(to bottom, #8C3E5E 0%, #BA5966 50%, #E98979 100%);
}
</style>