#DAFFB2 - #97EC5E | 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 #DAFFB2 a #97EC5E

#DAFFB2 #97EC5E

Calcule el color entre dos colores, #DAFFB2 y #97EC5E. 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)

#DAFFB2 - #97EC5E | 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 #DAFFB2 como 0% y #97EC5E como 100%.

0.0%	0.0% #DAFFB2	RGB 218 255 178	#DAFFB2
16.7%	16.7% #CEFBA4	RGB 206 251 164	#CEFBA4
33.3%	33.3% #C3F896	RGB 195 248 150	#C3F896
50.0%	50.0% #B8F588	RGB 184 245 136	#B8F588
66.7%	66.7% #ADF27A	RGB 173 242 122	#ADF27A
83.3%	83.3% #A2EF6C	RGB 162 239 108	#A2EF6C
100.0%	100.0% #97EC5E	RGB 151 236 94	#97EC5E

#DAFFB2 #CEFBA4 #C3F896 #B8F588 #ADF27A #A2EF6C #97EC5E

#DAFFB2 - #97EC5E

Mezcla HSV

#DAFFB2 - #97EC5E | 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 #DAFFB2 como 0% y #97EC5E como 100%.

0.0%	0.0% #DAFFB2	RGB 218 255 178	#DAFFB2
16.7%	16.7% #CFFBA3	RGB 207 251 163	#CFFBA3
33.3%	33.3% #C4F894	RGB 196 248 148	#C4F894
50.0%	50.0% #B9F586	RGB 185 245 134	#B9F586
66.7%	66.7% #AEF278	RGB 174 242 120	#AEF278
83.3%	83.3% #A2EF6B	RGB 162 239 107	#A2EF6B
100.0%	100.0% #97EC5E	RGB 151 236 94	#97EC5E

#DAFFB2 #CFFBA3 #C4F894 #B9F586 #AEF278 #A2EF6B #97EC5E

#DAFFB2 - #B9F586 - #97EC5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAFFB2 0%, #B9F586 50%, #97EC5E 100%);
    background: -webkit-linear-gradient(top, #DAFFB2 0%, #B9F586 50%, #97EC5E 100%);
    background: linear-gradient(to bottom, #DAFFB2 0%, #B9F586 50%, #97EC5E 100%);
}
</style>