#252850 - #5F6581 | 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 #252850 a #5F6581

#252850 #5F6581

Calcule el color entre dos colores, #252850 y #5F6581. 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)

#252850 - #5F6581 | 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 #252850 como 0% y #5F6581 como 100%.

0.0%	0.0% #252850	RGB 37 40 80	#252850
16.7%	16.7% #2E3258	RGB 46 50 88	#2E3258
33.3%	33.3% #383C60	RGB 56 60 96	#383C60
50.0%	50.0% #424668	RGB 66 70 104	#424668
66.7%	66.7% #4B5070	RGB 75 80 112	#4B5070
83.3%	83.3% #555A78	RGB 85 90 120	#555A78
100.0%	100.0% #5F6581	RGB 95 101 129	#5F6581

#252850 #2E3258 #383C60 #424668 #4B5070 #555A78 #5F6581

#252850 - #5F6581

Mezcla HSV

#252850 - #5F6581 | 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 #252850 como 0% y #5F6581 como 100%.

0.0%	0.0% #242750	RGB 36 39 80	#242750
16.7%	16.7% #2C3058	RGB 44 48 88	#2C3058
33.3%	33.3% #353960	RGB 53 57 96	#353960
50.0%	50.0% #3E4368	RGB 62 67 104	#3E4368
66.7%	66.7% #484E70	RGB 72 78 112	#484E70
83.3%	83.3% #535978	RGB 83 89 120	#535978
100.0%	100.0% #5F6581	RGB 95 101 129	#5F6581

#242750 #2C3058 #353960 #3E4368 #484E70 #535978 #5F6581

#252850 - #3E4368 - #5F6581

Códigos CSS

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

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