#3CB39B - #CFE9A2 | 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 #3CB39B a #CFE9A2

#3CB39B #CFE9A2

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

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

0.0%	0.0% #3CB39B	RGB 60 179 155	#3CB39B
16.7%	16.7% #54BC9C	RGB 84 188 156	#54BC9C
33.3%	33.3% #6DC59D	RGB 109 197 157	#6DC59D
50.0%	50.0% #85CE9E	RGB 133 206 158	#85CE9E
66.7%	66.7% #9ED79F	RGB 158 215 159	#9ED79F
83.3%	83.3% #B6E0A0	RGB 182 224 160	#B6E0A0
100.0%	100.0% #CFE9A2	RGB 207 233 162	#CFE9A2

#3CB39B #54BC9C #6DC59D #85CE9E #9ED79F #B6E0A0 #CFE9A2

#3CB39B - #CFE9A2

Mezcla HSV

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

0.0%	0.0% #3CB39B	RGB 60 179 155	#3CB39B
16.7%	16.7% #4ABC89	RGB 74 188 137	#4ABC89
33.3%	33.3% #59C57C	RGB 89 197 124	#59C57C
50.0%	50.0% #6ACE72	RGB 106 206 114	#6ACE72
66.7%	66.7% #89D77B	RGB 137 215 123	#89D77B
83.3%	83.3% #AEE08E	RGB 174 224 142	#AEE08E
100.0%	100.0% #CFE9A2	RGB 207 233 162	#CFE9A2

#3CB39B #4ABC89 #59C57C #6ACE72 #89D77B #AEE08E #CFE9A2

#3CB39B - #6ACE72 - #CFE9A2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CB39B 0%, #6ACE72 50%, #CFE9A2 100%);
    background: -webkit-linear-gradient(top, #3CB39B 0%, #6ACE72 50%, #CFE9A2 100%);
    background: linear-gradient(to bottom, #3CB39B 0%, #6ACE72 50%, #CFE9A2 100%);
}
</style>