#CFEDA2 - #8CCE4E | 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 #CFEDA2 a #8CCE4E

#CFEDA2 #8CCE4E

Calcule el color entre dos colores, #CFEDA2 y #8CCE4E. 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)

#CFEDA2 - #8CCE4E | 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 #CFEDA2 como 0% y #8CCE4E como 100%.

0.0%	0.0% #CFEDA2	RGB 207 237 162	#CFEDA2
16.7%	16.7% #C3E794	RGB 195 231 148	#C3E794
33.3%	33.3% #B8E286	RGB 184 226 134	#B8E286
50.0%	50.0% #ADDD78	RGB 173 221 120	#ADDD78
66.7%	66.7% #A2D86A	RGB 162 216 106	#A2D86A
83.3%	83.3% #97D35C	RGB 151 211 92	#97D35C
100.0%	100.0% #8CCE4E	RGB 140 206 78	#8CCE4E

#CFEDA2 #C3E794 #B8E286 #ADDD78 #A2D86A #97D35C #8CCE4E

#CFEDA2 - #8CCE4E

Mezcla HSV

#CFEDA2 - #8CCE4E | 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 #CFEDA2 como 0% y #8CCE4E como 100%.

0.0%	0.0% #CFEDA2	RGB 207 237 162	#CFEDA2
16.7%	16.7% #C4E792	RGB 196 231 146	#C4E792
33.3%	33.3% #B9E283	RGB 185 226 131	#B9E283
50.0%	50.0% #ADDD75	RGB 173 221 117	#ADDD75
66.7%	66.7% #A2D867	RGB 162 216 103	#A2D867
83.3%	83.3% #97D35A	RGB 151 211 90	#97D35A
100.0%	100.0% #8CCE4E	RGB 140 206 78	#8CCE4E

#CFEDA2 #C4E792 #B9E283 #ADDD75 #A2D867 #97D35A #8CCE4E

#CFEDA2 - #ADDD75 - #8CCE4E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFEDA2 0%, #ADDD75 50%, #8CCE4E 100%);
    background: -webkit-linear-gradient(top, #CFEDA2 0%, #ADDD75 50%, #8CCE4E 100%);
    background: linear-gradient(to bottom, #CFEDA2 0%, #ADDD75 50%, #8CCE4E 100%);
}
</style>