#4EB33C - #CCE9C7 | 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 #4EB33C a #CCE9C7

#4EB33C #CCE9C7

Calcule el color entre dos colores, #4EB33C y #CCE9C7. 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)

#4EB33C - #CCE9C7 | 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 #4EB33C como 0% y #CCE9C7 como 100%.

0.0%	0.0% #4EB33C	RGB 78 179 60	#4EB33C
16.7%	16.7% #63BC53	RGB 99 188 83	#63BC53
33.3%	33.3% #78C56A	RGB 120 197 106	#78C56A
50.0%	50.0% #8DCE81	RGB 141 206 129	#8DCE81
66.7%	66.7% #A2D798	RGB 162 215 152	#A2D798
83.3%	83.3% #B7E0AF	RGB 183 224 175	#B7E0AF
100.0%	100.0% #CCE9C7	RGB 204 233 199	#CCE9C7

#4EB33C #63BC53 #78C56A #8DCE81 #A2D798 #B7E0AF #CCE9C7

#4EB33C - #CCE9C7

Mezcla HSV

#4EB33C - #CCE9C7 | 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 #4EB33C como 0% y #CCE9C7 como 100%.

0.0%	0.0% #4DB33C	RGB 77 179 60	#4DB33C
16.7%	16.7% #5FBC4F	RGB 95 188 79	#5FBC4F
33.3%	33.3% #72C564	RGB 114 197 100	#72C564
50.0%	50.0% #86CE7A	RGB 134 206 122	#86CE7A
66.7%	66.7% #9CD792	RGB 156 215 146	#9CD792
83.3%	83.3% #B3E0AB	RGB 179 224 171	#B3E0AB
100.0%	100.0% #CCE9C7	RGB 204 233 199	#CCE9C7

#4DB33C #5FBC4F #72C564 #86CE7A #9CD792 #B3E0AB #CCE9C7

#4EB33C - #86CE7A - #CCE9C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DB33C 0%, #86CE7A 50%, #CCE9C7 100%);
    background: -webkit-linear-gradient(top, #4DB33C 0%, #86CE7A 50%, #CCE9C7 100%);
    background: linear-gradient(to bottom, #4DB33C 0%, #86CE7A 50%, #CCE9C7 100%);
}
</style>