#C7FFC7 - #70F579 | 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 #C7FFC7 a #70F579

#C7FFC7 #70F579

Calcule el color entre dos colores, #C7FFC7 y #70F579. 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)

#C7FFC7 - #70F579 | 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 #C7FFC7 como 0% y #70F579 como 100%.

0.0%	0.0% #C7FFC7	RGB 199 255 199	#C7FFC7
16.7%	16.7% #B8FDBA	RGB 184 253 186	#B8FDBA
33.3%	33.3% #AAFBAD	RGB 170 251 173	#AAFBAD
50.0%	50.0% #9BFAA0	RGB 155 250 160	#9BFAA0
66.7%	66.7% #8DF893	RGB 141 248 147	#8DF893
83.3%	83.3% #7EF686	RGB 126 246 134	#7EF686
100.0%	100.0% #70F579	RGB 112 245 121	#70F579

#C7FFC7 #B8FDBA #AAFBAD #9BFAA0 #8DF893 #7EF686 #70F579

#C7FFC7 - #70F579

Mezcla HSV

#C7FFC7 - #70F579 | 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 #C7FFC7 como 0% y #70F579 como 100%.

0.0%	0.0% #C7FFC7	RGB 199 255 199	#C7FFC7
16.7%	16.7% #B8FDB8	RGB 184 253 184	#B8FDB8
33.3%	33.3% #A9FBAB	RGB 169 251 171	#A9FBAB
50.0%	50.0% #9AFA9D	RGB 154 250 157	#9AFA9D
66.7%	66.7% #8CF891	RGB 140 248 145	#8CF891
83.3%	83.3% #7EF684	RGB 126 246 132	#7EF684
100.0%	100.0% #70F579	RGB 112 245 121	#70F579

#C7FFC7 #B8FDB8 #A9FBAB #9AFA9D #8CF891 #7EF684 #70F579

#C7FFC7 - #9AFA9D - #70F579

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7FFC7 0%, #9AFA9D 50%, #70F579 100%);
    background: -webkit-linear-gradient(top, #C7FFC7 0%, #9AFA9D 50%, #70F579 100%);
    background: linear-gradient(to bottom, #C7FFC7 0%, #9AFA9D 50%, #70F579 100%);
}
</style>