#202048 - #515979 | 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 #202048 a #515979

#202048 #515979

Calcule el color entre dos colores, #202048 y #515979. 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)

#202048 - #515979 | 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 #202048 como 0% y #515979 como 100%.

0.0%	0.0% #202048	RGB 32 32 72	#202048
16.7%	16.7% #282950	RGB 40 41 80	#282950
33.3%	33.3% #303358	RGB 48 51 88	#303358
50.0%	50.0% #383C60	RGB 56 60 96	#383C60
66.7%	66.7% #404668	RGB 64 70 104	#404668
83.3%	83.3% #484F70	RGB 72 79 112	#484F70
100.0%	100.0% #515979	RGB 81 89 121	#515979

#202048 #282950 #303358 #383C60 #404668 #484F70 #515979

#202048 - #515979

Mezcla HSV

#202048 - #515979 | 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 #202048 como 0% y #515979 como 100%.

0.0%	0.0% #202048	RGB 32 32 72	#202048
16.7%	16.7% #262850	RGB 38 40 80	#262850
33.3%	33.3% #2D3058	RGB 45 48 88	#2D3058
50.0%	50.0% #353A60	RGB 53 58 96	#353A60
66.7%	66.7% #3E4368	RGB 62 67 104	#3E4368
83.3%	83.3% #474E70	RGB 71 78 112	#474E70
100.0%	100.0% #515979	RGB 81 89 121	#515979

#202048 #262850 #2D3058 #353A60 #3E4368 #474E70 #515979

#202048 - #353A60 - #515979

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202048 0%, #353A60 50%, #515979 100%);
    background: -webkit-linear-gradient(top, #202048 0%, #353A60 50%, #515979 100%);
    background: linear-gradient(to bottom, #202048 0%, #353A60 50%, #515979 100%);
}
</style>