#0071A6 - #5A8AFE | 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 #0071A6 a #5A8AFE

#0071A6 #5A8AFE

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

#0071A6 - #5A8AFE | 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 #0071A6 como 0% y #5A8AFE como 100%.

0.0%	0.0% #0071A6	RGB 0 113 166	#0071A6
16.7%	16.7% #0F75B4	RGB 15 117 180	#0F75B4
33.3%	33.3% #1E79C3	RGB 30 121 195	#1E79C3
50.0%	50.0% #2D7DD2	RGB 45 125 210	#2D7DD2
66.7%	66.7% #3C81E0	RGB 60 129 224	#3C81E0
83.3%	83.3% #4B85EF	RGB 75 133 239	#4B85EF
100.0%	100.0% #5A8AFE	RGB 90 138 254	#5A8AFE

#0071A6 #0F75B4 #1E79C3 #2D7DD2 #3C81E0 #4B85EF #5A8AFE

#0071A6 - #5A8AFE

Mezcla HSV

#0071A6 - #5A8AFE | 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 #0071A6 como 0% y #5A8AFE como 100%.

0.0%	0.0% #0071A6	RGB 0 113 166	#0071A6
16.7%	16.7% #0A73B4	RGB 10 115 180	#0A73B4
33.3%	33.3% #1776C3	RGB 23 118 195	#1776C3
50.0%	50.0% #2579D2	RGB 37 121 210	#2579D2
66.7%	66.7% #357DE0	RGB 53 125 224	#357DE0
83.3%	83.3% #4682EF	RGB 70 130 239	#4682EF
100.0%	100.0% #5A8AFE	RGB 90 138 254	#5A8AFE

#0071A6 #0A73B4 #1776C3 #2579D2 #357DE0 #4682EF #5A8AFE

#0071A6 - #2579D2 - #5A8AFE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0071A6 0%, #2579D2 50%, #5A8AFE 100%);
    background: -webkit-linear-gradient(top, #0071A6 0%, #2579D2 50%, #5A8AFE 100%);
    background: linear-gradient(to bottom, #0071A6 0%, #2579D2 50%, #5A8AFE 100%);
}
</style>