#0083CE - #77DCEC | 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 #0083CE a #77DCEC

#0083CE #77DCEC

Calcule el color entre dos colores, #0083CE y #77DCEC. 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)

#0083CE - #77DCEC | 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 #0083CE como 0% y #77DCEC como 100%.

0.0%	0.0% #0083CE	RGB 0 131 206	#0083CE
16.7%	16.7% #1391D3	RGB 19 145 211	#1391D3
33.3%	33.3% #27A0D8	RGB 39 160 216	#27A0D8
50.0%	50.0% #3BAFDD	RGB 59 175 221	#3BAFDD
66.7%	66.7% #4FBEE2	RGB 79 190 226	#4FBEE2
83.3%	83.3% #63CDE7	RGB 99 205 231	#63CDE7
100.0%	100.0% #77DCEC	RGB 119 220 236	#77DCEC

#0083CE #1391D3 #27A0D8 #3BAFDD #4FBEE2 #63CDE7 #77DCEC

#0083CE - #77DCEC

Mezcla HSV

#0083CE - #77DCEC | 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 #0083CE como 0% y #77DCEC como 100%.

0.0%	0.0% #0083CE	RGB 0 131 206	#0083CE
16.7%	16.7% #1193D3	RGB 17 147 211	#1193D3
33.3%	33.3% #24A4D8	RGB 36 164 216	#24A4D8
50.0%	50.0% #37B3DD	RGB 55 179 221	#37B3DD
66.7%	66.7% #4BC2E2	RGB 75 194 226	#4BC2E2
83.3%	83.3% #61CFE7	RGB 97 207 231	#61CFE7
100.0%	100.0% #77DCEC	RGB 119 220 236	#77DCEC

#0083CE #1193D3 #24A4D8 #37B3DD #4BC2E2 #61CFE7 #77DCEC

#0083CE - #37B3DD - #77DCEC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0083CE 0%, #37B3DD 50%, #77DCEC 100%);
    background: -webkit-linear-gradient(top, #0083CE 0%, #37B3DD 50%, #77DCEC 100%);
    background: linear-gradient(to bottom, #0083CE 0%, #37B3DD 50%, #77DCEC 100%);
}
</style>