#8CC554 - #DEEECE | 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 #8CC554 a #DEEECE

#8CC554 #DEEECE

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

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

0.0%	0.0% #8CC554	RGB 140 197 84	#8CC554
16.7%	16.7% #99CB68	RGB 153 203 104	#99CB68
33.3%	33.3% #A7D27C	RGB 167 210 124	#A7D27C
50.0%	50.0% #B5D991	RGB 181 217 145	#B5D991
66.7%	66.7% #C2E0A5	RGB 194 224 165	#C2E0A5
83.3%	83.3% #D0E7B9	RGB 208 231 185	#D0E7B9
100.0%	100.0% #DEEECE	RGB 222 238 206	#DEEECE

#8CC554 #99CB68 #A7D27C #B5D991 #C2E0A5 #D0E7B9 #DEEECE

#8CC554 - #DEEECE

Mezcla HSV

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

0.0%	0.0% #8CC554	RGB 140 197 84	#8CC554
16.7%	16.7% #98CB65	RGB 152 203 101	#98CB65
33.3%	33.3% #A5D278	RGB 165 210 120	#A5D278
50.0%	50.0% #B2D98C	RGB 178 217 140	#B2D98C
66.7%	66.7% #C0E0A1	RGB 192 224 161	#C0E0A1
83.3%	83.3% #CFE7B7	RGB 207 231 183	#CFE7B7
100.0%	100.0% #DEEECE	RGB 222 238 206	#DEEECE

#8CC554 #98CB65 #A5D278 #B2D98C #C0E0A1 #CFE7B7 #DEEECE

#8CC554 - #B2D98C - #DEEECE

Códigos CSS

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

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