#D9FADE - #83D0AF | 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 #D9FADE a #83D0AF

#D9FADE #83D0AF

Calcule el color entre dos colores, #D9FADE y #83D0AF. 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)

#D9FADE - #83D0AF | 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 #D9FADE como 0% y #83D0AF como 100%.

0.0%	0.0% #D9FADE	RGB 217 250 222	#D9FADE
16.7%	16.7% #CAF3D6	RGB 202 243 214	#CAF3D6
33.3%	33.3% #BCECCE	RGB 188 236 206	#BCECCE
50.0%	50.0% #AEE5C6	RGB 174 229 198	#AEE5C6
66.7%	66.7% #9FDEBE	RGB 159 222 190	#9FDEBE
83.3%	83.3% #91D7B6	RGB 145 215 182	#91D7B6
100.0%	100.0% #83D0AF	RGB 131 208 175	#83D0AF

#D9FADE #CAF3D6 #BCECCE #AEE5C6 #9FDEBE #91D7B6 #83D0AF

#D9FADE - #83D0AF

Mezcla HSV

#D9FADE - #83D0AF | 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 #D9FADE como 0% y #83D0AF como 100%.

0.0%	0.0% #D9FADE	RGB 217 250 222	#D9FADE
16.7%	16.7% #C9F3D2	RGB 201 243 210	#C9F3D2
33.3%	33.3% #BAECC8	RGB 186 236 200	#BAECC8
50.0%	50.0% #ABE5C0	RGB 171 229 192	#ABE5C0
66.7%	66.7% #9DDEB9	RGB 157 222 185	#9DDEB9
83.3%	83.3% #8FD7B3	RGB 143 215 179	#8FD7B3
100.0%	100.0% #83D0AF	RGB 131 208 175	#83D0AF

#D9FADE #C9F3D2 #BAECC8 #ABE5C0 #9DDEB9 #8FD7B3 #83D0AF

#D9FADE - #ABE5C0 - #83D0AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9FADE 0%, #ABE5C0 50%, #83D0AF 100%);
    background: -webkit-linear-gradient(top, #D9FADE 0%, #ABE5C0 50%, #83D0AF 100%);
    background: linear-gradient(to bottom, #D9FADE 0%, #ABE5C0 50%, #83D0AF 100%);
}
</style>