#36006D - #6E72C9 | 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 #36006D a #6E72C9

#36006D #6E72C9

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

#36006D - #6E72C9 | 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 #36006D como 0% y #6E72C9 como 100%.

0.0%	0.0% #36006D	RGB 54 0 109	#36006D
16.7%	16.7% #3F137C	RGB 63 19 124	#3F137C
33.3%	33.3% #48268B	RGB 72 38 139	#48268B
50.0%	50.0% #52399B	RGB 82 57 155	#52399B
66.7%	66.7% #5B4CAA	RGB 91 76 170	#5B4CAA
83.3%	83.3% #645FB9	RGB 100 95 185	#645FB9
100.0%	100.0% #6E72C9	RGB 110 114 201	#6E72C9

#36006D #3F137C #48268B #52399B #5B4CAA #645FB9 #6E72C9

#36006D - #6E72C9

Mezcla HSV

#36006D - #6E72C9 | 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 #36006D como 0% y #6E72C9 como 100%.

0.0%	0.0% #35006D	RGB 53 0 109	#35006D
16.7%	16.7% #390B7C	RGB 57 11 124	#390B7C
33.3%	33.3% #3D198B	RGB 61 25 139	#3D198B
50.0%	50.0% #432A9B	RGB 67 42 155	#432A9B
66.7%	66.7% #4C3EAA	RGB 76 62 170	#4C3EAA
83.3%	83.3% #5954B9	RGB 89 84 185	#5954B9
100.0%	100.0% #6E72C9	RGB 110 114 201	#6E72C9

#35006D #390B7C #3D198B #432A9B #4C3EAA #5954B9 #6E72C9

#36006D - #432A9B - #6E72C9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35006D 0%, #432A9B 50%, #6E72C9 100%);
    background: -webkit-linear-gradient(top, #35006D 0%, #432A9B 50%, #6E72C9 100%);
    background: linear-gradient(to bottom, #35006D 0%, #432A9B 50%, #6E72C9 100%);
}
</style>