#208EB2 - #BFDFE9 | 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 #208EB2 a #BFDFE9

#208EB2 #BFDFE9

Calcule el color entre dos colores, #208EB2 y #BFDFE9. 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)

#208EB2 - #BFDFE9 | 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 #208EB2 como 0% y #BFDFE9 como 100%.

0.0%	0.0% #208EB2	RGB 32 142 178	#208EB2
16.7%	16.7% #3A9BBB	RGB 58 155 187	#3A9BBB
33.3%	33.3% #55A9C4	RGB 85 169 196	#55A9C4
50.0%	50.0% #6FB6CD	RGB 111 182 205	#6FB6CD
66.7%	66.7% #8AC4D6	RGB 138 196 214	#8AC4D6
83.3%	83.3% #A4D1DF	RGB 164 209 223	#A4D1DF
100.0%	100.0% #BFDFE9	RGB 191 223 233	#BFDFE9

#208EB2 #3A9BBB #55A9C4 #6FB6CD #8AC4D6 #A4D1DF #BFDFE9

#208EB2 - #BFDFE9

Mezcla HSV

#208EB2 - #BFDFE9 | 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 #208EB2 como 0% y #BFDFE9 como 100%.

0.0%	0.0% #208DB2	RGB 32 141 178	#208DB2
16.7%	16.7% #359ABB	RGB 53 154 187	#359ABB
33.3%	33.3% #4DA7C4	RGB 77 167 196	#4DA7C4
50.0%	50.0% #66B4CD	RGB 102 180 205	#66B4CD
66.7%	66.7% #82C2D6	RGB 130 194 214	#82C2D6
83.3%	83.3% #9FD0DF	RGB 159 208 223	#9FD0DF
100.0%	100.0% #BFDFE9	RGB 191 223 233	#BFDFE9

#208DB2 #359ABB #4DA7C4 #66B4CD #82C2D6 #9FD0DF #BFDFE9

#208EB2 - #66B4CD - #BFDFE9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #208DB2 0%, #66B4CD 50%, #BFDFE9 100%);
    background: -webkit-linear-gradient(top, #208DB2 0%, #66B4CD 50%, #BFDFE9 100%);
    background: linear-gradient(to bottom, #208DB2 0%, #66B4CD 50%, #BFDFE9 100%);
}
</style>