#3E8C8C - #A8CE9B | 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 #3E8C8C a #A8CE9B

#3E8C8C #A8CE9B

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

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

0.0%	0.0% #3E8C8C	RGB 62 140 140	#3E8C8C
16.7%	16.7% #4F978E	RGB 79 151 142	#4F978E
33.3%	33.3% #61A291	RGB 97 162 145	#61A291
50.0%	50.0% #73AD93	RGB 115 173 147	#73AD93
66.7%	66.7% #84B896	RGB 132 184 150	#84B896
83.3%	83.3% #96C398	RGB 150 195 152	#96C398
100.0%	100.0% #A8CE9B	RGB 168 206 155	#A8CE9B

#3E8C8C #4F978E #61A291 #73AD93 #84B896 #96C398 #A8CE9B

#3E8C8C - #A8CE9B

Mezcla HSV

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

0.0%	0.0% #3E8C8C	RGB 62 140 140	#3E8C8C
16.7%	16.7% #4A9787	RGB 74 151 135	#4A9787
33.3%	33.3% #58A283	RGB 88 162 131	#58A283
50.0%	50.0% #67AD81	RGB 103 173 129	#67AD81
66.7%	66.7% #77B882	RGB 119 184 130	#77B882
83.3%	83.3% #8BC388	RGB 139 195 136	#8BC388
100.0%	100.0% #A8CE9B	RGB 168 206 155	#A8CE9B

#3E8C8C #4A9787 #58A283 #67AD81 #77B882 #8BC388 #A8CE9B

#3E8C8C - #67AD81 - #A8CE9B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8C8C 0%, #67AD81 50%, #A8CE9B 100%);
    background: -webkit-linear-gradient(top, #3E8C8C 0%, #67AD81 50%, #A8CE9B 100%);
    background: linear-gradient(to bottom, #3E8C8C 0%, #67AD81 50%, #A8CE9B 100%);
}
</style>