#0075A8 - #7FD2D9 | 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 #0075A8 a #7FD2D9

#0075A8 #7FD2D9

Calcule el color entre dos colores, #0075A8 y #7FD2D9. 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)

#0075A8 - #7FD2D9 | 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 #0075A8 como 0% y #7FD2D9 como 100%.

0.0%	0.0% #0075A8	RGB 0 117 168	#0075A8
16.7%	16.7% #1584B0	RGB 21 132 176	#1584B0
33.3%	33.3% #2A94B8	RGB 42 148 184	#2A94B8
50.0%	50.0% #3FA3C0	RGB 63 163 192	#3FA3C0
66.7%	66.7% #54B3C8	RGB 84 179 200	#54B3C8
83.3%	83.3% #69C2D0	RGB 105 194 208	#69C2D0
100.0%	100.0% #7FD2D9	RGB 127 210 217	#7FD2D9

#0075A8 #1584B0 #2A94B8 #3FA3C0 #54B3C8 #69C2D0 #7FD2D9

#0075A8 - #7FD2D9

Mezcla HSV

#0075A8 - #7FD2D9 | 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 #0075A8 como 0% y #7FD2D9 como 100%.

0.0%	0.0% #0075A8	RGB 0 117 168	#0075A8
16.7%	16.7% #1185B0	RGB 17 133 176	#1185B0
33.3%	33.3% #2396B8	RGB 35 150 184	#2396B8
50.0%	50.0% #38A6C0	RGB 56 166 192	#38A6C0
66.7%	66.7% #4EB5C8	RGB 78 181 200	#4EB5C8
83.3%	83.3% #65C4D0	RGB 101 196 208	#65C4D0
100.0%	100.0% #7FD2D9	RGB 127 210 217	#7FD2D9

#0075A8 #1185B0 #2396B8 #38A6C0 #4EB5C8 #65C4D0 #7FD2D9

#0075A8 - #38A6C0 - #7FD2D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0075A8 0%, #38A6C0 50%, #7FD2D9 100%);
    background: -webkit-linear-gradient(top, #0075A8 0%, #38A6C0 50%, #7FD2D9 100%);
    background: linear-gradient(to bottom, #0075A8 0%, #38A6C0 50%, #7FD2D9 100%);
}
</style>