#A50DA6 - #FC67BC | 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 #A50DA6 a #FC67BC

#A50DA6 #FC67BC

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

#A50DA6 - #FC67BC | 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 #A50DA6 como 0% y #FC67BC como 100%.

0.0%	0.0% #A50DA6	RGB 165 13 166	#A50DA6
16.7%	16.7% #B31CA9	RGB 179 28 169	#B31CA9
33.3%	33.3% #C22BAD	RGB 194 43 173	#C22BAD
50.0%	50.0% #D03AB1	RGB 208 58 177	#D03AB1
66.7%	66.7% #DF49B4	RGB 223 73 180	#DF49B4
83.3%	83.3% #ED58B8	RGB 237 88 184	#ED58B8
100.0%	100.0% #FC67BC	RGB 252 103 188	#FC67BC

#A50DA6 #B31CA9 #C22BAD #D03AB1 #DF49B4 #ED58B8 #FC67BC

#A50DA6 - #FC67BC

Mezcla HSV

#A50DA6 - #FC67BC | 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 #A50DA6 como 0% y #FC67BC como 100%.

0.0%	0.0% #A50CA6	RGB 165 12 166	#A50CA6
16.7%	16.7% #B418A9	RGB 180 24 169	#B418A9
33.3%	33.3% #C224AC	RGB 194 36 172	#C224AC
50.0%	50.0% #D132AF	RGB 209 50 175	#D132AF
66.7%	66.7% #DF42B2	RGB 223 66 178	#DF42B2
83.3%	83.3% #ED54B6	RGB 237 84 182	#ED54B6
100.0%	100.0% #FC67BC	RGB 252 103 188	#FC67BC

#A50CA6 #B418A9 #C224AC #D132AF #DF42B2 #ED54B6 #FC67BC

#A50DA6 - #D132AF - #FC67BC

Códigos CSS

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

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