#C545AF - #81005E | 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 #C545AF a #81005E

#C545AF #81005E

Calcule el color entre dos colores, #C545AF y #81005E. 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)

#C545AF - #81005E | 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 #C545AF como 0% y #81005E como 100%.

0.0%	0.0% #C545AF	RGB 197 69 175	#C545AF
16.7%	16.7% #B939A1	RGB 185 57 161	#B939A1
33.3%	33.3% #AE2E94	RGB 174 46 148	#AE2E94
50.0%	50.0% #A32286	RGB 163 34 134	#A32286
66.7%	66.7% #971779	RGB 151 23 121	#971779
83.3%	83.3% #8C0B6B	RGB 140 11 107	#8C0B6B
100.0%	100.0% #81005E	RGB 129 0 94	#81005E

#C545AF #B939A1 #AE2E94 #A32286 #971779 #8C0B6B #81005E

#C545AF - #81005E

Mezcla HSV

#C545AF - #81005E | 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 #C545AF como 0% y #81005E como 100%.

0.0%	0.0% #C545AF	RGB 197 69 175	#C545AF
16.7%	16.7% #B936A0	RGB 185 54 160	#B936A0
33.3%	33.3% #AE2892	RGB 174 40 146	#AE2892
50.0%	50.0% #A31C85	RGB 163 28 133	#A31C85
66.7%	66.7% #971177	RGB 151 17 119	#971177
83.3%	83.3% #8C086A	RGB 140 8 106	#8C086A
100.0%	100.0% #81005E	RGB 129 0 94	#81005E

#C545AF #B936A0 #AE2892 #A31C85 #971177 #8C086A #81005E

#C545AF - #A31C85 - #81005E

Códigos CSS

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

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