#2062B2 - #BFD2E9 | 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 #2062B2 a #BFD2E9

#2062B2 #BFD2E9

Calcule el color entre dos colores, #2062B2 y #BFD2E9. 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)

#2062B2 - #BFD2E9 | 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 #2062B2 como 0% y #BFD2E9 como 100%.

0.0%	0.0% #2062B2	RGB 32 98 178	#2062B2
16.7%	16.7% #3A74BB	RGB 58 116 187	#3A74BB
33.3%	33.3% #5587C4	RGB 85 135 196	#5587C4
50.0%	50.0% #6F9ACD	RGB 111 154 205	#6F9ACD
66.7%	66.7% #8AACD6	RGB 138 172 214	#8AACD6
83.3%	83.3% #A4BFDF	RGB 164 191 223	#A4BFDF
100.0%	100.0% #BFD2E9	RGB 191 210 233	#BFD2E9

#2062B2 #3A74BB #5587C4 #6F9ACD #8AACD6 #A4BFDF #BFD2E9

#2062B2 - #BFD2E9

Mezcla HSV

#2062B2 - #BFD2E9 | 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 #2062B2 como 0% y #BFD2E9 como 100%.

0.0%	0.0% #2061B2	RGB 32 97 178	#2061B2
16.7%	16.7% #3571BB	RGB 53 113 187	#3571BB
33.3%	33.3% #4D83C4	RGB 77 131 196	#4D83C4
50.0%	50.0% #6695CD	RGB 102 149 205	#6695CD
66.7%	66.7% #82A8D6	RGB 130 168 214	#82A8D6
83.3%	83.3% #9FBCDF	RGB 159 188 223	#9FBCDF
100.0%	100.0% #BFD2E9	RGB 191 210 233	#BFD2E9

#2061B2 #3571BB #4D83C4 #6695CD #82A8D6 #9FBCDF #BFD2E9

#2062B2 - #6695CD - #BFD2E9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2061B2 0%, #6695CD 50%, #BFD2E9 100%);
    background: -webkit-linear-gradient(top, #2061B2 0%, #6695CD 50%, #BFD2E9 100%);
    background: linear-gradient(to bottom, #2061B2 0%, #6695CD 50%, #BFD2E9 100%);
}
</style>