#6B9C92 - #C2D19B | 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 #6B9C92 a #C2D19B

#6B9C92 #C2D19B

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

#6B9C92 - #C2D19B | 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 #6B9C92 como 0% y #C2D19B como 100%.

0.0%	0.0% #6B9C92	RGB 107 156 146	#6B9C92
16.7%	16.7% #79A493	RGB 121 164 147	#79A493
33.3%	33.3% #88AD95	RGB 136 173 149	#88AD95
50.0%	50.0% #96B696	RGB 150 182 150	#96B696
66.7%	66.7% #A5BF98	RGB 165 191 152	#A5BF98
83.3%	83.3% #B3C899	RGB 179 200 153	#B3C899
100.0%	100.0% #C2D19B	RGB 194 209 155	#C2D19B

#6B9C92 #79A493 #88AD95 #96B696 #A5BF98 #B3C899 #C2D19B

#6B9C92 - #C2D19B

Mezcla HSV

#6B9C92 - #C2D19B | 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 #6B9C92 como 0% y #C2D19B como 100%.

0.0%	0.0% #6B9C92	RGB 107 156 146	#6B9C92
16.7%	16.7% #72A48D	RGB 114 164 141	#72A48D
33.3%	33.3% #7AAD89	RGB 122 173 137	#7AAD89
50.0%	50.0% #82B684	RGB 130 182 132	#82B684
66.7%	66.7% #95BF8A	RGB 149 191 138	#95BF8A
83.3%	83.3% #ABC892	RGB 171 200 146	#ABC892
100.0%	100.0% #C2D19B	RGB 194 209 155	#C2D19B

#6B9C92 #72A48D #7AAD89 #82B684 #95BF8A #ABC892 #C2D19B

#6B9C92 - #82B684 - #C2D19B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B9C92 0%, #82B684 50%, #C2D19B 100%);
    background: -webkit-linear-gradient(top, #6B9C92 0%, #82B684 50%, #C2D19B 100%);
    background: linear-gradient(to bottom, #6B9C92 0%, #82B684 50%, #C2D19B 100%);
}
</style>