#166784 - #8FBDBA | 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 #166784 a #8FBDBA

#166784 #8FBDBA

Calcule el color entre dos colores, #166784 y #8FBDBA. 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)

#166784 - #8FBDBA | 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 #166784 como 0% y #8FBDBA como 100%.

0.0%	0.0% #166784	RGB 22 103 132	#166784
16.7%	16.7% #2A758D	RGB 42 117 141	#2A758D
33.3%	33.3% #3E8396	RGB 62 131 150	#3E8396
50.0%	50.0% #52929F	RGB 82 146 159	#52929F
66.7%	66.7% #66A0A8	RGB 102 160 168	#66A0A8
83.3%	83.3% #7AAEB1	RGB 122 174 177	#7AAEB1
100.0%	100.0% #8FBDBA	RGB 143 189 186	#8FBDBA

#166784 #2A758D #3E8396 #52929F #66A0A8 #7AAEB1 #8FBDBA

#166784 - #8FBDBA

Mezcla HSV

#166784 - #8FBDBA | 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 #166784 como 0% y #8FBDBA como 100%.

0.0%	0.0% #166684	RGB 22 102 132	#166684
16.7%	16.7% #25778D	RGB 37 119 141	#25778D
33.3%	33.3% #368897	RGB 54 136 151	#368897
50.0%	50.0% #4A97A0	RGB 74 151 160	#4A97A0
66.7%	66.7% #5FA6AA	RGB 95 166 170	#5FA6AA
83.3%	83.3% #76B3B2	RGB 118 179 178	#76B3B2
100.0%	100.0% #8FBDBA	RGB 143 189 186	#8FBDBA

#166684 #25778D #368897 #4A97A0 #5FA6AA #76B3B2 #8FBDBA

#166784 - #4A97A0 - #8FBDBA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #166684 0%, #4A97A0 50%, #8FBDBA 100%);
    background: -webkit-linear-gradient(top, #166684 0%, #4A97A0 50%, #8FBDBA 100%);
    background: linear-gradient(to bottom, #166684 0%, #4A97A0 50%, #8FBDBA 100%);
}
</style>