#3C8C7E - #AFD093 | 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 #3C8C7E a #AFD093

#3C8C7E #AFD093

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

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

0.0%	0.0% #3C8C7E	RGB 60 140 126	#3C8C7E
16.7%	16.7% #4F9781	RGB 79 151 129	#4F9781
33.3%	33.3% #62A285	RGB 98 162 133	#62A285
50.0%	50.0% #75AE88	RGB 117 174 136	#75AE88
66.7%	66.7% #88B98C	RGB 136 185 140	#88B98C
83.3%	83.3% #9BC48F	RGB 155 196 143	#9BC48F
100.0%	100.0% #AFD093	RGB 175 208 147	#AFD093

#3C8C7E #4F9781 #62A285 #75AE88 #88B98C #9BC48F #AFD093

#3C8C7E - #AFD093

Mezcla HSV

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

0.0%	0.0% #3C8C7E	RGB 60 140 126	#3C8C7E
16.7%	16.7% #479778	RGB 71 151 120	#479778
33.3%	33.3% #54A273	RGB 84 162 115	#54A273
50.0%	50.0% #62AE70	RGB 98 174 112	#62AE70
66.7%	66.7% #74B971	RGB 116 185 113	#74B971
83.3%	83.3% #92C481	RGB 146 196 129	#92C481
100.0%	100.0% #AFD093	RGB 175 208 147	#AFD093

#3C8C7E #479778 #54A273 #62AE70 #74B971 #92C481 #AFD093

#3C8C7E - #62AE70 - #AFD093

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C8C7E 0%, #62AE70 50%, #AFD093 100%);
    background: -webkit-linear-gradient(top, #3C8C7E 0%, #62AE70 50%, #AFD093 100%);
    background: linear-gradient(to bottom, #3C8C7E 0%, #62AE70 50%, #AFD093 100%);
}
</style>