#45418D - #C793B0 | 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 #45418D a #C793B0

#45418D #C793B0

Calcule el color entre dos colores, #45418D y #C793B0. 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)

#45418D - #C793B0 | 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 #45418D como 0% y #C793B0 como 100%.

0.0%	0.0% #45418D	RGB 69 65 141	#45418D
16.7%	16.7% #5A4E92	RGB 90 78 146	#5A4E92
33.3%	33.3% #705C98	RGB 112 92 152	#705C98
50.0%	50.0% #866A9E	RGB 134 106 158	#866A9E
66.7%	66.7% #9B77A4	RGB 155 119 164	#9B77A4
83.3%	83.3% #B185AA	RGB 177 133 170	#B185AA
100.0%	100.0% #C793B0	RGB 199 147 176	#C793B0

#45418D #5A4E92 #705C98 #866A9E #9B77A4 #B185AA #C793B0

#45418D - #C793B0

Mezcla HSV

#45418D - #C793B0 | 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 #45418D como 0% y #C793B0 como 100%.

0.0%	0.0% #45418D	RGB 69 65 141	#45418D
16.7%	16.7% #614C96	RGB 97 76 150	#614C96
33.3%	33.3% #7D58A0	RGB 125 88 160	#7D58A0
50.0%	50.0% #9865AA	RGB 152 101 170	#9865AA
66.7%	66.7% #B274B3	RGB 178 116 179	#B274B3
83.3%	83.3% #BD83B1	RGB 189 131 177	#BD83B1
100.0%	100.0% #C793B0	RGB 199 147 176	#C793B0

#45418D #614C96 #7D58A0 #9865AA #B274B3 #BD83B1 #C793B0

#45418D - #9865AA - #C793B0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45418D 0%, #9865AA 50%, #C793B0 100%);
    background: -webkit-linear-gradient(top, #45418D 0%, #9865AA 50%, #C793B0 100%);
    background: linear-gradient(to bottom, #45418D 0%, #9865AA 50%, #C793B0 100%);
}
</style>