#3C9680 - #BAD894 | 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 #3C9680 a #BAD894

#3C9680 #BAD894

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

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

0.0%	0.0% #3C9680	RGB 60 150 128	#3C9680
16.7%	16.7% #51A183	RGB 81 161 131	#51A183
33.3%	33.3% #66AC86	RGB 102 172 134	#66AC86
50.0%	50.0% #7BB78A	RGB 123 183 138	#7BB78A
66.7%	66.7% #90C28D	RGB 144 194 141	#90C28D
83.3%	83.3% #A5CD90	RGB 165 205 144	#A5CD90
100.0%	100.0% #BAD894	RGB 186 216 148	#BAD894

#3C9680 #51A183 #66AC86 #7BB78A #90C28D #A5CD90 #BAD894

#3C9680 - #BAD894

Mezcla HSV

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

0.0%	0.0% #3C9680	RGB 60 150 128	#3C9680
16.7%	16.7% #48A177	RGB 72 161 119	#48A177
33.3%	33.3% #55AC70	RGB 85 172 112	#55AC70
50.0%	50.0% #63B76B	RGB 99 183 107	#63B76B
66.7%	66.7% #7CC272	RGB 124 194 114	#7CC272
83.3%	83.3% #9BCD82	RGB 155 205 130	#9BCD82
100.0%	100.0% #BAD894	RGB 186 216 148	#BAD894

#3C9680 #48A177 #55AC70 #63B76B #7CC272 #9BCD82 #BAD894

#3C9680 - #63B76B - #BAD894

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C9680 0%, #63B76B 50%, #BAD894 100%);
    background: -webkit-linear-gradient(top, #3C9680 0%, #63B76B 50%, #BAD894 100%);
    background: linear-gradient(to bottom, #3C9680 0%, #63B76B 50%, #BAD894 100%);
}
</style>