#C9FADE - #67D6B2 | 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 #C9FADE a #67D6B2

#C9FADE #67D6B2

Calcule el color entre dos colores, #C9FADE y #67D6B2. 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)

#C9FADE - #67D6B2 | 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 #C9FADE como 0% y #67D6B2 como 100%.

0.0%	0.0% #C9FADE	RGB 201 250 222	#C9FADE
16.7%	16.7% #B8F4D6	RGB 184 244 214	#B8F4D6
33.3%	33.3% #A8EECF	RGB 168 238 207	#A8EECF
50.0%	50.0% #98E8C8	RGB 152 232 200	#98E8C8
66.7%	66.7% #87E2C0	RGB 135 226 192	#87E2C0
83.3%	83.3% #77DCB9	RGB 119 220 185	#77DCB9
100.0%	100.0% #67D6B2	RGB 103 214 178	#67D6B2

#C9FADE #B8F4D6 #A8EECF #98E8C8 #87E2C0 #77DCB9 #67D6B2

#C9FADE - #67D6B2

Mezcla HSV

#C9FADE - #67D6B2 | 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 #C9FADE como 0% y #67D6B2 como 100%.

0.0%	0.0% #C9FADE	RGB 201 250 222	#C9FADE
16.7%	16.7% #B7F4D3	RGB 183 244 211	#B7F4D3
33.3%	33.3% #A5EECA	RGB 165 238 202	#A5EECA
50.0%	50.0% #95E8C2	RGB 149 232 194	#95E8C2
66.7%	66.7% #85E2BC	RGB 133 226 188	#85E2BC
83.3%	83.3% #75DCB6	RGB 117 220 182	#75DCB6
100.0%	100.0% #67D6B2	RGB 103 214 178	#67D6B2

#C9FADE #B7F4D3 #A5EECA #95E8C2 #85E2BC #75DCB6 #67D6B2

#C9FADE - #95E8C2 - #67D6B2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9FADE 0%, #95E8C2 50%, #67D6B2 100%);
    background: -webkit-linear-gradient(top, #C9FADE 0%, #95E8C2 50%, #67D6B2 100%);
    background: linear-gradient(to bottom, #C9FADE 0%, #95E8C2 50%, #67D6B2 100%);
}
</style>