#3CAD5E - #DAFF6D | 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 #3CAD5E a #DAFF6D

#3CAD5E #DAFF6D

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

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

0.0%	0.0% #3CAD5E	RGB 60 173 94	#3CAD5E
16.7%	16.7% #56BA60	RGB 86 186 96	#56BA60
33.3%	33.3% #70C863	RGB 112 200 99	#70C863
50.0%	50.0% #8BD665	RGB 139 214 101	#8BD665
66.7%	66.7% #A5E368	RGB 165 227 104	#A5E368
83.3%	83.3% #BFF16A	RGB 191 241 106	#BFF16A
100.0%	100.0% #DAFF6D	RGB 218 255 109	#DAFF6D

#3CAD5E #56BA60 #70C863 #8BD665 #A5E368 #BFF16A #DAFF6D

#3CAD5E - #DAFF6D

Mezcla HSV

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

0.0%	0.0% #3CAD5E	RGB 60 173 94	#3CAD5E
16.7%	16.7% #43BA52	RGB 67 186 82	#43BA52
33.3%	33.3% #50C84A	RGB 80 200 74	#50C84A
50.0%	50.0% #70D652	RGB 112 214 82	#70D652
66.7%	66.7% #91E35B	RGB 145 227 91	#91E35B
83.3%	83.3% #B4F163	RGB 180 241 99	#B4F163
100.0%	100.0% #DAFF6D	RGB 218 255 109	#DAFF6D

#3CAD5E #43BA52 #50C84A #70D652 #91E35B #B4F163 #DAFF6D

#3CAD5E - #70D652 - #DAFF6D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CAD5E 0%, #70D652 50%, #DAFF6D 100%);
    background: -webkit-linear-gradient(top, #3CAD5E 0%, #70D652 50%, #DAFF6D 100%);
    background: linear-gradient(to bottom, #3CAD5E 0%, #70D652 50%, #DAFF6D 100%);
}
</style>