#6B9385 - #8DECA3 | 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 #6B9385 a #8DECA3

#6B9385 #8DECA3

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

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

0.0%	0.0% #6B9385	RGB 107 147 133	#6B9385
16.7%	16.7% #70A18A	RGB 112 161 138	#70A18A
33.3%	33.3% #76B08F	RGB 118 176 143	#76B08F
50.0%	50.0% #7CBF94	RGB 124 191 148	#7CBF94
66.7%	66.7% #81CE99	RGB 129 206 153	#81CE99
83.3%	83.3% #87DD9E	RGB 135 221 158	#87DD9E
100.0%	100.0% #8DECA3	RGB 141 236 163	#8DECA3

#6B9385 #70A18A #76B08F #7CBF94 #81CE99 #87DD9E #8DECA3

#6B9385 - #8DECA3

Mezcla HSV

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

0.0%	0.0% #6B9385	RGB 107 147 133	#6B9385
16.7%	16.7% #72A18D	RGB 114 161 141	#72A18D
33.3%	33.3% #78B095	RGB 120 176 149	#78B095
50.0%	50.0% #7EBF9B	RGB 126 191 155	#7EBF9B
66.7%	66.7% #84CE9F	RGB 132 206 159	#84CE9F
83.3%	83.3% #88DDA2	RGB 136 221 162	#88DDA2
100.0%	100.0% #8DECA3	RGB 141 236 163	#8DECA3

#6B9385 #72A18D #78B095 #7EBF9B #84CE9F #88DDA2 #8DECA3

#6B9385 - #7EBF9B - #8DECA3

Códigos CSS

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

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