#552B5E - #3B0544 | 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 #552B5E a #3B0544

#552B5E #3B0544

Calcule el color entre dos colores, #552B5E y #3B0544. 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)

#552B5E - #3B0544 | 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 #552B5E como 0% y #3B0544 como 100%.

0.0%	0.0% #552B5E	RGB 85 43 94	#552B5E
16.7%	16.7% #502459	RGB 80 36 89	#502459
33.3%	33.3% #4C1E55	RGB 76 30 85	#4C1E55
50.0%	50.0% #481851	RGB 72 24 81	#481851
66.7%	66.7% #43114C	RGB 67 17 76	#43114C
83.3%	83.3% #3F0B48	RGB 63 11 72	#3F0B48
100.0%	100.0% #3B0544	RGB 59 5 68	#3B0544

#552B5E #502459 #4C1E55 #481851 #43114C #3F0B48 #3B0544

#552B5E - #3B0544

Mezcla HSV

#552B5E - #3B0544 | 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 #552B5E como 0% y #3B0544 como 100%.

0.0%	0.0% #552B5E	RGB 85 43 94	#552B5E
16.7%	16.7% #502359	RGB 80 35 89	#502359
33.3%	33.3% #4B1C55	RGB 75 28 85	#4B1C55
50.0%	50.0% #471551	RGB 71 21 81	#471551
66.7%	66.7% #430F4C	RGB 67 15 76	#430F4C
83.3%	83.3% #3F0948	RGB 63 9 72	#3F0948
100.0%	100.0% #3B0544	RGB 59 5 68	#3B0544

#552B5E #502359 #4B1C55 #471551 #430F4C #3F0948 #3B0544

#552B5E - #471551 - #3B0544

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #552B5E 0%, #471551 50%, #3B0544 100%);
    background: -webkit-linear-gradient(top, #552B5E 0%, #471551 50%, #3B0544 100%);
    background: linear-gradient(to bottom, #552B5E 0%, #471551 50%, #3B0544 100%);
}
</style>