#3F8C8C - #A8CE9A | 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 #3F8C8C a #A8CE9A

#3F8C8C #A8CE9A

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

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

0.0%	0.0% #3F8C8C	RGB 63 140 140	#3F8C8C
16.7%	16.7% #50978E	RGB 80 151 142	#50978E
33.3%	33.3% #62A290	RGB 98 162 144	#62A290
50.0%	50.0% #73AD93	RGB 115 173 147	#73AD93
66.7%	66.7% #85B895	RGB 133 184 149	#85B895
83.3%	83.3% #96C397	RGB 150 195 151	#96C397
100.0%	100.0% #A8CE9A	RGB 168 206 154	#A8CE9A

#3F8C8C #50978E #62A290 #73AD93 #85B895 #96C397 #A8CE9A

#3F8C8C - #A8CE9A

Mezcla HSV

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

0.0%	0.0% #3F8C8C	RGB 63 140 140	#3F8C8C
16.7%	16.7% #4B9787	RGB 75 151 135	#4B9787
33.3%	33.3% #58A283	RGB 88 162 131	#58A283
50.0%	50.0% #67AD80	RGB 103 173 128	#67AD80
66.7%	66.7% #77B881	RGB 119 184 129	#77B881
83.3%	83.3% #8BC388	RGB 139 195 136	#8BC388
100.0%	100.0% #A8CE9A	RGB 168 206 154	#A8CE9A

#3F8C8C #4B9787 #58A283 #67AD80 #77B881 #8BC388 #A8CE9A

#3F8C8C - #67AD80 - #A8CE9A

Códigos CSS

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

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