#3C7B96 - #A1D6A4 | 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 #3C7B96 a #A1D6A4

#3C7B96 #A1D6A4

Calcule el color entre dos colores, #3C7B96 y #A1D6A4. 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)

#3C7B96 - #A1D6A4 | 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 #3C7B96 como 0% y #A1D6A4 como 100%.

0.0%	0.0% #3C7B96	RGB 60 123 150	#3C7B96
16.7%	16.7% #4C8A98	RGB 76 138 152	#4C8A98
33.3%	33.3% #5D999A	RGB 93 153 154	#5D999A
50.0%	50.0% #6EA89D	RGB 110 168 157	#6EA89D
66.7%	66.7% #7FB79F	RGB 127 183 159	#7FB79F
83.3%	83.3% #90C6A1	RGB 144 198 161	#90C6A1
100.0%	100.0% #A1D6A4	RGB 161 214 164	#A1D6A4

#3C7B96 #4C8A98 #5D999A #6EA89D #7FB79F #90C6A1 #A1D6A4

#3C7B96 - #A1D6A4

Mezcla HSV

#3C7B96 - #A1D6A4 | 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 #3C7B96 como 0% y #A1D6A4 como 100%.

0.0%	0.0% #3C7B96	RGB 60 123 150	#3C7B96
16.7%	16.7% #4998A0	RGB 73 152 160	#4998A0
33.3%	33.3% #58ABA1	RGB 88 171 161	#58ABA1
50.0%	50.0% #68B69D	RGB 104 182 157	#68B69D
66.7%	66.7% #7AC09B	RGB 122 192 155	#7AC09B
83.3%	83.3% #8DCB9D	RGB 141 203 157	#8DCB9D
100.0%	100.0% #A1D6A4	RGB 161 214 164	#A1D6A4

#3C7B96 #4998A0 #58ABA1 #68B69D #7AC09B #8DCB9D #A1D6A4

#3C7B96 - #68B69D - #A1D6A4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7B96 0%, #68B69D 50%, #A1D6A4 100%);
    background: -webkit-linear-gradient(top, #3C7B96 0%, #68B69D 50%, #A1D6A4 100%);
    background: linear-gradient(to bottom, #3C7B96 0%, #68B69D 50%, #A1D6A4 100%);
}
</style>