#677A7E - #8ADDC8 | 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 #677A7E a #8ADDC8

#677A7E #8ADDC8

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

#677A7E - #8ADDC8 | 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 #677A7E como 0% y #8ADDC8 como 100%.

0.0%	0.0% #677A7E	RGB 103 122 126	#677A7E
16.7%	16.7% #6C8A8A	RGB 108 138 138	#6C8A8A
33.3%	33.3% #729B96	RGB 114 155 150	#729B96
50.0%	50.0% #78ABA3	RGB 120 171 163	#78ABA3
66.7%	66.7% #7EBCAF	RGB 126 188 175	#7EBCAF
83.3%	83.3% #84CCBB	RGB 132 204 187	#84CCBB
100.0%	100.0% #8ADDC8	RGB 138 221 200	#8ADDC8

#677A7E #6C8A8A #729B96 #78ABA3 #7EBCAF #84CCBB #8ADDC8

#677A7E - #8ADDC8

Mezcla HSV

#677A7E - #8ADDC8 | 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 #677A7E como 0% y #8ADDC8 como 100%.

0.0%	0.0% #677A7E	RGB 103 122 126	#677A7E
16.7%	16.7% #6F8A8D	RGB 111 138 141	#6F8A8D
33.3%	33.3% #769C9D	RGB 118 156 157	#769C9D
50.0%	50.0% #7DADAB	RGB 125 173 171	#7DADAB
66.7%	66.7% #82BDB6	RGB 130 189 182	#82BDB6
83.3%	83.3% #86CDC0	RGB 134 205 192	#86CDC0
100.0%	100.0% #8ADDC8	RGB 138 221 200	#8ADDC8

#677A7E #6F8A8D #769C9D #7DADAB #82BDB6 #86CDC0 #8ADDC8

#677A7E - #7DADAB - #8ADDC8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #677A7E 0%, #7DADAB 50%, #8ADDC8 100%);
    background: -webkit-linear-gradient(top, #677A7E 0%, #7DADAB 50%, #8ADDC8 100%);
    background: linear-gradient(to bottom, #677A7E 0%, #7DADAB 50%, #8ADDC8 100%);
}
</style>