#72AF52 - #CDFF7C | 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 #72AF52 a #CDFF7C

#72AF52 #CDFF7C

Calcule el color entre dos colores, #72AF52 y #CDFF7C. 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)

#72AF52 - #CDFF7C | 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 #72AF52 como 0% y #CDFF7C como 100%.

0.0%	0.0% #72AF52	RGB 114 175 82	#72AF52
16.7%	16.7% #81BC59	RGB 129 188 89	#81BC59
33.3%	33.3% #90C960	RGB 144 201 96	#90C960
50.0%	50.0% #9FD767	RGB 159 215 103	#9FD767
66.7%	66.7% #AEE46E	RGB 174 228 110	#AEE46E
83.3%	83.3% #BDF175	RGB 189 241 117	#BDF175
100.0%	100.0% #CDFF7C	RGB 205 255 124	#CDFF7C

#72AF52 #81BC59 #90C960 #9FD767 #AEE46E #BDF175 #CDFF7C

#72AF52 - #CDFF7C

Mezcla HSV

#72AF52 - #CDFF7C | 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 #72AF52 como 0% y #CDFF7C como 100%.

0.0%	0.0% #72AF52	RGB 114 175 82	#72AF52
16.7%	16.7% #7FBC58	RGB 127 188 88	#7FBC58
33.3%	33.3% #8DC95F	RGB 141 201 95	#8DC95F
50.0%	50.0% #9CD766	RGB 156 215 102	#9CD766
66.7%	66.7% #ACE46D	RGB 172 228 109	#ACE46D
83.3%	83.3% #BCF174	RGB 188 241 116	#BCF174
100.0%	100.0% #CDFF7C	RGB 205 255 124	#CDFF7C

#72AF52 #7FBC58 #8DC95F #9CD766 #ACE46D #BCF174 #CDFF7C

#72AF52 - #9CD766 - #CDFF7C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72AF52 0%, #9CD766 50%, #CDFF7C 100%);
    background: -webkit-linear-gradient(top, #72AF52 0%, #9CD766 50%, #CDFF7C 100%);
    background: linear-gradient(to bottom, #72AF52 0%, #9CD766 50%, #CDFF7C 100%);
}
</style>