#6B8B93 - #8DECD6 | 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 #6B8B93 a #8DECD6

#6B8B93 #8DECD6

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

#6B8B93 - #8DECD6 | 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 #6B8B93 como 0% y #8DECD6 como 100%.

0.0%	0.0% #6B8B93	RGB 107 139 147	#6B8B93
16.7%	16.7% #709B9E	RGB 112 155 158	#709B9E
33.3%	33.3% #76ABA9	RGB 118 171 169	#76ABA9
50.0%	50.0% #7CBBB4	RGB 124 187 180	#7CBBB4
66.7%	66.7% #81CBBF	RGB 129 203 191	#81CBBF
83.3%	83.3% #87DBCA	RGB 135 219 202	#87DBCA
100.0%	100.0% #8DECD6	RGB 141 236 214	#8DECD6

#6B8B93 #709B9E #76ABA9 #7CBBB4 #81CBBF #87DBCA #8DECD6

#6B8B93 - #8DECD6

Mezcla HSV

#6B8B93 - #8DECD6 | 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 #6B8B93 como 0% y #8DECD6 como 100%.

0.0%	0.0% #6B8B93	RGB 107 139 147	#6B8B93
16.7%	16.7% #729BA1	RGB 114 155 161	#729BA1
33.3%	33.3% #78ADB0	RGB 120 173 176	#78ADB0
50.0%	50.0% #7EBFBE	RGB 126 191 190	#7EBFBE
66.7%	66.7% #84CEC7	RGB 132 206 199	#84CEC7
83.3%	83.3% #88DDCF	RGB 136 221 207	#88DDCF
100.0%	100.0% #8DECD6	RGB 141 236 214	#8DECD6

#6B8B93 #729BA1 #78ADB0 #7EBFBE #84CEC7 #88DDCF #8DECD6

#6B8B93 - #7EBFBE - #8DECD6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B8B93 0%, #7EBFBE 50%, #8DECD6 100%);
    background: -webkit-linear-gradient(top, #6B8B93 0%, #7EBFBE 50%, #8DECD6 100%);
    background: linear-gradient(to bottom, #6B8B93 0%, #7EBFBE 50%, #8DECD6 100%);
}
</style>