#C448DF - #54009A | 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 #C448DF a #54009A

#C448DF #54009A

Calcule el color entre dos colores, #C448DF y #54009A. 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)

#C448DF - #54009A | 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 #C448DF como 0% y #54009A como 100%.

0.0%	0.0% #C448DF	RGB 196 72 223	#C448DF
16.7%	16.7% #B13CD3	RGB 177 60 211	#B13CD3
33.3%	33.3% #9E30C8	RGB 158 48 200	#9E30C8
50.0%	50.0% #8C24BC	RGB 140 36 188	#8C24BC
66.7%	66.7% #7918B1	RGB 121 24 177	#7918B1
83.3%	83.3% #660CA5	RGB 102 12 165	#660CA5
100.0%	100.0% #54009A	RGB 84 0 154	#54009A

#C448DF #B13CD3 #9E30C8 #8C24BC #7918B1 #660CA5 #54009A

#C448DF - #54009A

Mezcla HSV

#C448DF - #54009A | 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 #C448DF como 0% y #54009A como 100%.

0.0%	0.0% #C448DF	RGB 196 72 223	#C448DF
16.7%	16.7% #B038D3	RGB 176 56 211	#B038D3
33.3%	33.3% #9D2BC8	RGB 157 43 200	#9D2BC8
50.0%	50.0% #8A1EBC	RGB 138 30 188	#8A1EBC
66.7%	66.7% #7713B1	RGB 119 19 177	#7713B1
83.3%	83.3% #6508A5	RGB 101 8 165	#6508A5
100.0%	100.0% #54009A	RGB 84 0 154	#54009A

#C448DF #B038D3 #9D2BC8 #8A1EBC #7713B1 #6508A5 #54009A

#C448DF - #8A1EBC - #54009A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C448DF 0%, #8A1EBC 50%, #54009A 100%);
    background: -webkit-linear-gradient(top, #C448DF 0%, #8A1EBC 50%, #54009A 100%);
    background: linear-gradient(to bottom, #C448DF 0%, #8A1EBC 50%, #54009A 100%);
}
</style>