#7FD4D4 - #D2E2BB | 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 #7FD4D4 a #D2E2BB

#7FD4D4 #D2E2BB

Calcule el color entre dos colores, #7FD4D4 y #D2E2BB. 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)

#7FD4D4 - #D2E2BB | 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 #7FD4D4 como 0% y #D2E2BB como 100%.

0.0%	0.0% #7FD4D4	RGB 127 212 212	#7FD4D4
16.7%	16.7% #8CD6CF	RGB 140 214 207	#8CD6CF
33.3%	33.3% #9AD8CB	RGB 154 216 203	#9AD8CB
50.0%	50.0% #A8DBC7	RGB 168 219 199	#A8DBC7
66.7%	66.7% #B6DDC3	RGB 182 221 195	#B6DDC3
83.3%	83.3% #C4DFBF	RGB 196 223 191	#C4DFBF
100.0%	100.0% #D2E2BB	RGB 210 226 187	#D2E2BB

#7FD4D4 #8CD6CF #9AD8CB #A8DBC7 #B6DDC3 #C4DFBF #D2E2BB

#7FD4D4 - #D2E2BB

Mezcla HSV

#7FD4D4 - #D2E2BB | 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 #7FD4D4 como 0% y #D2E2BB como 100%.

0.0%	0.0% #7FD4D4	RGB 127 212 212	#7FD4D4
16.7%	16.7% #88D6C1	RGB 136 214 193	#88D6C1
33.3%	33.3% #92D8B3	RGB 146 216 179	#92D8B3
50.0%	50.0% #9CDBA9	RGB 156 219 169	#9CDBA9
66.7%	66.7% #A9DDA6	RGB 169 221 166	#A9DDA6
83.3%	83.3% #BFDFB0	RGB 191 223 176	#BFDFB0
100.0%	100.0% #D2E2BB	RGB 210 226 187	#D2E2BB

#7FD4D4 #88D6C1 #92D8B3 #9CDBA9 #A9DDA6 #BFDFB0 #D2E2BB

#7FD4D4 - #9CDBA9 - #D2E2BB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FD4D4 0%, #9CDBA9 50%, #D2E2BB 100%);
    background: -webkit-linear-gradient(top, #7FD4D4 0%, #9CDBA9 50%, #D2E2BB 100%);
    background: linear-gradient(to bottom, #7FD4D4 0%, #9CDBA9 50%, #D2E2BB 100%);
}
</style>