#5D9ECE - #1F5087 | 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 #5D9ECE a #1F5087

#5D9ECE #1F5087

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

#5D9ECE - #1F5087 | 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 #5D9ECE como 0% y #1F5087 como 100%.

0.0%	0.0% #5D9ECE	RGB 93 158 206	#5D9ECE
16.7%	16.7% #5291C2	RGB 82 145 194	#5291C2
33.3%	33.3% #4884B6	RGB 72 132 182	#4884B6
50.0%	50.0% #3E77AA	RGB 62 119 170	#3E77AA
66.7%	66.7% #336A9E	RGB 51 106 158	#336A9E
83.3%	83.3% #295D92	RGB 41 93 146	#295D92
100.0%	100.0% #1F5087	RGB 31 80 135	#1F5087

#5D9ECE #5291C2 #4884B6 #3E77AA #336A9E #295D92 #1F5087

#5D9ECE - #1F5087

Mezcla HSV

#5D9ECE - #1F5087 | 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 #5D9ECE como 0% y #1F5087 como 100%.

0.0%	0.0% #5D9DCE	RGB 93 157 206	#5D9DCE
16.7%	16.7% #508FC2	RGB 80 143 194	#508FC2
33.3%	33.3% #4482B6	RGB 68 130 182	#4482B6
50.0%	50.0% #3A74AA	RGB 58 116 170	#3A74AA
66.7%	66.7% #30689E	RGB 48 104 158	#30689E
83.3%	83.3% #275B92	RGB 39 91 146	#275B92
100.0%	100.0% #1F5087	RGB 31 80 135	#1F5087

#5D9DCE #508FC2 #4482B6 #3A74AA #30689E #275B92 #1F5087

#5D9ECE - #3A74AA - #1F5087

Códigos CSS

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

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