#176A54 - #BCD4CE | 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 #176A54 a #BCD4CE

#176A54 #BCD4CE

Calcule el color entre dos colores, #176A54 y #BCD4CE. 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)

#176A54 - #BCD4CE | 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 #176A54 como 0% y #BCD4CE como 100%.

0.0%	0.0% #176A54	RGB 23 106 84	#176A54
16.7%	16.7% #327B68	RGB 50 123 104	#327B68
33.3%	33.3% #4E8D7C	RGB 78 141 124	#4E8D7C
50.0%	50.0% #699F91	RGB 105 159 145	#699F91
66.7%	66.7% #85B0A5	RGB 133 176 165	#85B0A5
83.3%	83.3% #A0C2B9	RGB 160 194 185	#A0C2B9
100.0%	100.0% #BCD4CE	RGB 188 212 206	#BCD4CE

#176A54 #327B68 #4E8D7C #699F91 #85B0A5 #A0C2B9 #BCD4CE

#176A54 - #BCD4CE

Mezcla HSV

#176A54 - #BCD4CE | 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 #176A54 como 0% y #BCD4CE como 100%.

0.0%	0.0% #176A53	RGB 23 106 83	#176A53
16.7%	16.7% #287B65	RGB 40 123 101	#287B65
33.3%	33.3% #3E8D78	RGB 62 141 120	#3E8D78
50.0%	50.0% #579F8C	RGB 87 159 140	#579F8C
66.7%	66.7% #75B0A1	RGB 117 176 161	#75B0A1
83.3%	83.3% #96C2B7	RGB 150 194 183	#96C2B7
100.0%	100.0% #BCD4CE	RGB 188 212 206	#BCD4CE

#176A53 #287B65 #3E8D78 #579F8C #75B0A1 #96C2B7 #BCD4CE

#176A54 - #579F8C - #BCD4CE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #176A53 0%, #579F8C 50%, #BCD4CE 100%);
    background: -webkit-linear-gradient(top, #176A53 0%, #579F8C 50%, #BCD4CE 100%);
    background: linear-gradient(to bottom, #176A53 0%, #579F8C 50%, #BCD4CE 100%);
}
</style>