#91C2D8 - #2181AC | 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 #91C2D8 a #2181AC

#91C2D8 #2181AC

Calcule el color entre dos colores, #91C2D8 y #2181AC. 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)

#91C2D8 - #2181AC | 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 #91C2D8 como 0% y #2181AC como 100%.

0.0%	0.0% #91C2D8	RGB 145 194 216	#91C2D8
16.7%	16.7% #7EB7D0	RGB 126 183 208	#7EB7D0
33.3%	33.3% #6BACC9	RGB 107 172 201	#6BACC9
50.0%	50.0% #59A1C2	RGB 89 161 194	#59A1C2
66.7%	66.7% #4696BA	RGB 70 150 186	#4696BA
83.3%	83.3% #338BB3	RGB 51 139 179	#338BB3
100.0%	100.0% #2181AC	RGB 33 129 172	#2181AC

#91C2D8 #7EB7D0 #6BACC9 #59A1C2 #4696BA #338BB3 #2181AC

#91C2D8 - #2181AC

Mezcla HSV

#91C2D8 - #2181AC | 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 #91C2D8 como 0% y #2181AC como 100%.

0.0%	0.0% #91C2D8	RGB 145 194 216	#91C2D8
16.7%	16.7% #7BB6D0	RGB 123 182 208	#7BB6D0
33.3%	33.3% #66AAC9	RGB 102 170 201	#66AAC9
50.0%	50.0% #539FC2	RGB 83 159 194	#539FC2
66.7%	66.7% #4195BA	RGB 65 149 186	#4195BA
83.3%	83.3% #308AB3	RGB 48 138 179	#308AB3
100.0%	100.0% #2181AC	RGB 33 129 172	#2181AC

#91C2D8 #7BB6D0 #66AAC9 #539FC2 #4195BA #308AB3 #2181AC

#91C2D8 - #539FC2 - #2181AC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91C2D8 0%, #539FC2 50%, #2181AC 100%);
    background: -webkit-linear-gradient(top, #91C2D8 0%, #539FC2 50%, #2181AC 100%);
    background: linear-gradient(to bottom, #91C2D8 0%, #539FC2 50%, #2181AC 100%);
}
</style>