#AF006F - #FF538F | 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 #AF006F a #FF538F

#AF006F #FF538F

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

#AF006F - #FF538F | 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 #AF006F como 0% y #FF538F como 100%.

0.0%	0.0% #AF006F	RGB 175 0 111	#AF006F
16.7%	16.7% #BC0D74	RGB 188 13 116	#BC0D74
33.3%	33.3% #C91B79	RGB 201 27 121	#C91B79
50.0%	50.0% #D7297F	RGB 215 41 127	#D7297F
66.7%	66.7% #E43784	RGB 228 55 132	#E43784
83.3%	83.3% #F14589	RGB 241 69 137	#F14589
100.0%	100.0% #FF538F	RGB 255 83 143	#FF538F

#AF006F #BC0D74 #C91B79 #D7297F #E43784 #F14589 #FF538F

#AF006F - #FF538F

Mezcla HSV

#AF006F - #FF538F | 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 #AF006F como 0% y #FF538F como 100%.

0.0%	0.0% #AF006E	RGB 175 0 110	#AF006E
16.7%	16.7% #BC0A72	RGB 188 10 114	#BC0A72
33.3%	33.3% #C91576	RGB 201 21 118	#C91576
50.0%	50.0% #D7227B	RGB 215 34 123	#D7227B
66.7%	66.7% #E43180	RGB 228 49 128	#E43180
83.3%	83.3% #F14187	RGB 241 65 135	#F14187
100.0%	100.0% #FF538F	RGB 255 83 143	#FF538F

#AF006E #BC0A72 #C91576 #D7227B #E43180 #F14187 #FF538F

#AF006F - #D7227B - #FF538F

Códigos CSS

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

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