#166784 - #BCD3DB | 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 #BCD3DB

#166784 #BCD3DB

Calcule el color entre dos colores, #166784 y #BCD3DB. 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 - #BCD3DB | 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 #BCD3DB como 100%.

0.0%	0.0% #166784	RGB 22 103 132	#166784
16.7%	16.7% #317992	RGB 49 121 146	#317992
33.3%	33.3% #4D8BA1	RGB 77 139 161	#4D8BA1
50.0%	50.0% #699DAF	RGB 105 157 175	#699DAF
66.7%	66.7% #84AFBE	RGB 132 175 190	#84AFBE
83.3%	83.3% #A0C1CC	RGB 160 193 204	#A0C1CC
100.0%	100.0% #BCD3DB	RGB 188 211 219	#BCD3DB

#166784 #317992 #4D8BA1 #699DAF #84AFBE #A0C1CC #BCD3DB

#166784 - #BCD3DB

Mezcla HSV

#166784 - #BCD3DB | 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 #BCD3DB como 100%.

0.0%	0.0% #166684	RGB 22 102 132	#166684
16.7%	16.7% #297692	RGB 41 118 146	#297692
33.3%	33.3% #3F87A1	RGB 63 135 161	#3F87A1
50.0%	50.0% #5999AF	RGB 89 153 175	#5999AF
66.7%	66.7% #77ABBE	RGB 119 171 190	#77ABBE
83.3%	83.3% #97BECC	RGB 151 190 204	#97BECC
100.0%	100.0% #BCD3DB	RGB 188 211 219	#BCD3DB

#166684 #297692 #3F87A1 #5999AF #77ABBE #97BECC #BCD3DB

#166784 - #5999AF - #BCD3DB

Códigos CSS

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

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