#C381A8 - #8F2458 | 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 #C381A8 a #8F2458

#C381A8 #8F2458

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

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

0.0%	0.0% #C381A8	RGB 195 129 168	#C381A8
16.7%	16.7% #BA719A	RGB 186 113 154	#BA719A
33.3%	33.3% #B1628D	RGB 177 98 141	#B1628D
50.0%	50.0% #A95280	RGB 169 82 128	#A95280
66.7%	66.7% #A04372	RGB 160 67 114	#A04372
83.3%	83.3% #973365	RGB 151 51 101	#973365
100.0%	100.0% #8F2458	RGB 143 36 88	#8F2458

#C381A8 #BA719A #B1628D #A95280 #A04372 #973365 #8F2458

#C381A8 - #8F2458

Mezcla HSV

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

0.0%	0.0% #C381A8	RGB 195 129 168	#C381A8
16.7%	16.7% #BA6E9A	RGB 186 110 154	#BA6E9A
33.3%	33.3% #B15D8C	RGB 177 93 140	#B15D8C
50.0%	50.0% #A94D7E	RGB 169 77 126	#A94D7E
66.7%	66.7% #A03E71	RGB 160 62 113	#A03E71
83.3%	83.3% #973064	RGB 151 48 100	#973064
100.0%	100.0% #8F2458	RGB 143 36 88	#8F2458

#C381A8 #BA6E9A #B15D8C #A94D7E #A03E71 #973064 #8F2458

#C381A8 - #A94D7E - #8F2458

Códigos CSS

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

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