#A60095 - #F80EDA | 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 #A60095 a #F80EDA

#A60095 #F80EDA

Calcule el color entre dos colores, #A60095 y #F80EDA. 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)

#A60095 - #F80EDA | 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 #A60095 como 0% y #F80EDA como 100%.

0.0%	0.0% #A60095	RGB 166 0 149	#A60095
16.7%	16.7% #B302A0	RGB 179 2 160	#B302A0
33.3%	33.3% #C104AC	RGB 193 4 172	#C104AC
50.0%	50.0% #CF07B7	RGB 207 7 183	#CF07B7
66.7%	66.7% #DC09C3	RGB 220 9 195	#DC09C3
83.3%	83.3% #EA0BCE	RGB 234 11 206	#EA0BCE
100.0%	100.0% #F80EDA	RGB 248 14 218	#F80EDA

#A60095 #B302A0 #C104AC #CF07B7 #DC09C3 #EA0BCE #F80EDA

#A60095 - #F80EDA

Mezcla HSV

#A60095 - #F80EDA | 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 #A60095 como 0% y #F80EDA como 100%.

0.0%	0.0% #A60095	RGB 166 0 149	#A60095
16.7%	16.7% #B301A0	RGB 179 1 160	#B301A0
33.3%	33.3% #C103AC	RGB 193 3 172	#C103AC
50.0%	50.0% #CF05B7	RGB 207 5 183	#CF05B7
66.7%	66.7% #DC08C3	RGB 220 8 195	#DC08C3
83.3%	83.3% #EA0BCE	RGB 234 11 206	#EA0BCE
100.0%	100.0% #F80EDA	RGB 248 14 218	#F80EDA

#A60095 #B301A0 #C103AC #CF05B7 #DC08C3 #EA0BCE #F80EDA

#A60095 - #CF05B7 - #F80EDA

Códigos CSS

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

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