#3E007D - #0D0050 | 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 #3E007D a #0D0050

#3E007D #0D0050

Calcule el color entre dos colores, #3E007D y #0D0050. 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)

#3E007D - #0D0050 | 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 #3E007D como 0% y #0D0050 como 100%.

0.0%	0.0% #3E007D	RGB 62 0 125	#3E007D
16.7%	16.7% #350075	RGB 53 0 117	#350075
33.3%	33.3% #2D006E	RGB 45 0 110	#2D006E
50.0%	50.0% #250066	RGB 37 0 102	#250066
66.7%	66.7% #1D005F	RGB 29 0 95	#1D005F
83.3%	83.3% #150057	RGB 21 0 87	#150057
100.0%	100.0% #0D0050	RGB 13 0 80	#0D0050

#3E007D #350075 #2D006E #250066 #1D005F #150057 #0D0050

#3E007D - #0D0050

Mezcla HSV

#3E007D - #0D0050 | 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 #3E007D como 0% y #0D0050 como 100%.

0.0%	0.0% #3D007D	RGB 61 0 125	#3D007D
16.7%	16.7% #330075	RGB 51 0 117	#330075
33.3%	33.3% #2A006E	RGB 42 0 110	#2A006E
50.0%	50.0% #210066	RGB 33 0 102	#210066
66.7%	66.7% #19005F	RGB 25 0 95	#19005F
83.3%	83.3% #130057	RGB 19 0 87	#130057
100.0%	100.0% #0D0050	RGB 13 0 80	#0D0050

#3D007D #330075 #2A006E #210066 #19005F #130057 #0D0050

#3E007D - #210066 - #0D0050

Códigos CSS

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

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