#47B5E5 - #0084C7 | 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 #47B5E5 a #0084C7

#47B5E5 #0084C7

Calcule el color entre dos colores, #47B5E5 y #0084C7. 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)

#47B5E5 - #0084C7 | 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 #47B5E5 como 0% y #0084C7 como 100%.

0.0%	0.0% #47B5E5	RGB 71 181 229	#47B5E5
16.7%	16.7% #3BACE0	RGB 59 172 224	#3BACE0
33.3%	33.3% #2FA4DB	RGB 47 164 219	#2FA4DB
50.0%	50.0% #239CD6	RGB 35 156 214	#239CD6
66.7%	66.7% #1794D1	RGB 23 148 209	#1794D1
83.3%	83.3% #0B8CCC	RGB 11 140 204	#0B8CCC
100.0%	100.0% #0084C7	RGB 0 132 199	#0084C7

#47B5E5 #3BACE0 #2FA4DB #239CD6 #1794D1 #0B8CCC #0084C7

#47B5E5 - #0084C7

Mezcla HSV

#47B5E5 - #0084C7 | 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 #47B5E5 como 0% y #0084C7 como 100%.

0.0%	0.0% #46B5E5	RGB 70 181 229	#46B5E5
16.7%	16.7% #39ACE0	RGB 57 172 224	#39ACE0
33.3%	33.3% #2DA4DB	RGB 45 164 219	#2DA4DB
50.0%	50.0% #219CD6	RGB 33 156 214	#219CD6
66.7%	66.7% #1593D1	RGB 21 147 209	#1593D1
83.3%	83.3% #0A8BCC	RGB 10 139 204	#0A8BCC
100.0%	100.0% #0084C7	RGB 0 132 199	#0084C7

#46B5E5 #39ACE0 #2DA4DB #219CD6 #1593D1 #0A8BCC #0084C7

#47B5E5 - #219CD6 - #0084C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #46B5E5 0%, #219CD6 50%, #0084C7 100%);
    background: -webkit-linear-gradient(top, #46B5E5 0%, #219CD6 50%, #0084C7 100%);
    background: linear-gradient(to bottom, #46B5E5 0%, #219CD6 50%, #0084C7 100%);
}
</style>