#91BFD8 - #3E709D | 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 #91BFD8 a #3E709D

#91BFD8 #3E709D

Calcule el color entre dos colores, #91BFD8 y #3E709D. 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)

#91BFD8 - #3E709D | 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 #91BFD8 como 0% y #3E709D como 100%.

0.0%	0.0% #91BFD8	RGB 145 191 216	#91BFD8
16.7%	16.7% #83B1CE	RGB 131 177 206	#83B1CE
33.3%	33.3% #75A4C4	RGB 117 164 196	#75A4C4
50.0%	50.0% #6797BA	RGB 103 151 186	#6797BA
66.7%	66.7% #598AB0	RGB 89 138 176	#598AB0
83.3%	83.3% #4B7DA6	RGB 75 125 166	#4B7DA6
100.0%	100.0% #3E709D	RGB 62 112 157	#3E709D

#91BFD8 #83B1CE #75A4C4 #6797BA #598AB0 #4B7DA6 #3E709D

#91BFD8 - #3E709D

Mezcla HSV

#91BFD8 - #3E709D | 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 #91BFD8 como 0% y #3E709D como 100%.

0.0%	0.0% #91BFD8	RGB 145 191 216	#91BFD8
16.7%	16.7% #80B1CE	RGB 128 177 206	#80B1CE
33.3%	33.3% #71A3C4	RGB 113 163 196	#71A3C4
50.0%	50.0% #6396BA	RGB 99 150 186	#6396BA
66.7%	66.7% #5689B0	RGB 86 137 176	#5689B0
83.3%	83.3% #497CA6	RGB 73 124 166	#497CA6
100.0%	100.0% #3E709D	RGB 62 112 157	#3E709D

#91BFD8 #80B1CE #71A3C4 #6396BA #5689B0 #497CA6 #3E709D

#91BFD8 - #6396BA - #3E709D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91BFD8 0%, #6396BA 50%, #3E709D 100%);
    background: -webkit-linear-gradient(top, #91BFD8 0%, #6396BA 50%, #3E709D 100%);
    background: linear-gradient(to bottom, #91BFD8 0%, #6396BA 50%, #3E709D 100%);
}
</style>