#167F79 - #BCDAD8 | 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 #167F79 a #BCDAD8

#167F79 #BCDAD8

Calcule el color entre dos colores, #167F79 y #BCDAD8. 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)

#167F79 - #BCDAD8 | 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 #167F79 como 0% y #BCDAD8 como 100%.

0.0%	0.0% #167F79	RGB 22 127 121	#167F79
16.7%	16.7% #318E88	RGB 49 142 136	#318E88
33.3%	33.3% #4D9D98	RGB 77 157 152	#4D9D98
50.0%	50.0% #69ACA8	RGB 105 172 168	#69ACA8
66.7%	66.7% #84BBB8	RGB 132 187 184	#84BBB8
83.3%	83.3% #A0CAC8	RGB 160 202 200	#A0CAC8
100.0%	100.0% #BCDAD8	RGB 188 218 216	#BCDAD8

#167F79 #318E88 #4D9D98 #69ACA8 #84BBB8 #A0CAC8 #BCDAD8

#167F79 - #BCDAD8

Mezcla HSV

#167F79 - #BCDAD8 | 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 #167F79 como 0% y #BCDAD8 como 100%.

0.0%	0.0% #157F79	RGB 21 127 121	#157F79
16.7%	16.7% #288E88	RGB 40 142 136	#288E88
33.3%	33.3% #3F9D97	RGB 63 157 151	#3F9D97
50.0%	50.0% #59ACA7	RGB 89 172 167	#59ACA7
66.7%	66.7% #76BBB7	RGB 118 187 183	#76BBB7
83.3%	83.3% #97CAC7	RGB 151 202 199	#97CAC7
100.0%	100.0% #BCDAD8	RGB 188 218 216	#BCDAD8

#157F79 #288E88 #3F9D97 #59ACA7 #76BBB7 #97CAC7 #BCDAD8

#167F79 - #59ACA7 - #BCDAD8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #157F79 0%, #59ACA7 50%, #BCDAD8 100%);
    background: -webkit-linear-gradient(top, #157F79 0%, #59ACA7 50%, #BCDAD8 100%);
    background: linear-gradient(to bottom, #157F79 0%, #59ACA7 50%, #BCDAD8 100%);
}
</style>