#98B5E9 - #3C62B2 | 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 #98B5E9 a #3C62B2

#98B5E9 #3C62B2

Calcule el color entre dos colores, #98B5E9 y #3C62B2. 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)

#98B5E9 - #3C62B2 | 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 #98B5E9 como 0% y #3C62B2 como 100%.

0.0%	0.0% #98B5E9	RGB 152 181 233	#98B5E9
16.7%	16.7% #88A7DF	RGB 136 167 223	#88A7DF
33.3%	33.3% #7999D6	RGB 121 153 214	#7999D6
50.0%	50.0% #6A8BCD	RGB 106 139 205	#6A8BCD
66.7%	66.7% #5A7DC4	RGB 90 125 196	#5A7DC4
83.3%	83.3% #4B6FBB	RGB 75 111 187	#4B6FBB
100.0%	100.0% #3C62B2	RGB 60 98 178	#3C62B2

#98B5E9 #88A7DF #7999D6 #6A8BCD #5A7DC4 #4B6FBB #3C62B2

#98B5E9 - #3C62B2

Mezcla HSV

#98B5E9 - #3C62B2 | 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 #98B5E9 como 0% y #3C62B2 como 100%.

0.0%	0.0% #98B5E9	RGB 152 181 233	#98B5E9
16.7%	16.7% #86A5DF	RGB 134 165 223	#86A5DF
33.3%	33.3% #7597D6	RGB 117 151 214	#7597D6
50.0%	50.0% #6588CD	RGB 101 136 205	#6588CD
66.7%	66.7% #567BC4	RGB 86 123 196	#567BC4
83.3%	83.3% #486EBB	RGB 72 110 187	#486EBB
100.0%	100.0% #3C62B2	RGB 60 98 178	#3C62B2

#98B5E9 #86A5DF #7597D6 #6588CD #567BC4 #486EBB #3C62B2

#98B5E9 - #6588CD - #3C62B2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #98B5E9 0%, #6588CD 50%, #3C62B2 100%);
    background: -webkit-linear-gradient(top, #98B5E9 0%, #6588CD 50%, #3C62B2 100%);
    background: linear-gradient(to bottom, #98B5E9 0%, #6588CD 50%, #3C62B2 100%);
}
</style>