#C5E8D1 - #68B7A0 | 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 #C5E8D1 a #68B7A0

#C5E8D1 #68B7A0

Calcule el color entre dos colores, #C5E8D1 y #68B7A0. 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)

#C5E8D1 - #68B7A0 | 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 #C5E8D1 como 0% y #68B7A0 como 100%.

0.0%	0.0% #C5E8D1	RGB 197 232 209	#C5E8D1
16.7%	16.7% #B5DFC8	RGB 181 223 200	#B5DFC8
33.3%	33.3% #A6D7C0	RGB 166 215 192	#A6D7C0
50.0%	50.0% #96CFB8	RGB 150 207 184	#96CFB8
66.7%	66.7% #87C7B0	RGB 135 199 176	#87C7B0
83.3%	83.3% #77BFA8	RGB 119 191 168	#77BFA8
100.0%	100.0% #68B7A0	RGB 104 183 160	#68B7A0

#C5E8D1 #B5DFC8 #A6D7C0 #96CFB8 #87C7B0 #77BFA8 #68B7A0

#C5E8D1 - #68B7A0

Mezcla HSV

#C5E8D1 - #68B7A0 | 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 #C5E8D1 como 0% y #68B7A0 como 100%.

0.0%	0.0% #C5E8D1	RGB 197 232 209	#C5E8D1
16.7%	16.7% #B3DFC5	RGB 179 223 197	#B3DFC5
33.3%	33.3% #A2D7BB	RGB 162 215 187	#A2D7BB
50.0%	50.0% #93CFB2	RGB 147 207 178	#93CFB2
66.7%	66.7% #83C7AB	RGB 131 199 171	#83C7AB
83.3%	83.3% #75BFA5	RGB 117 191 165	#75BFA5
100.0%	100.0% #68B7A0	RGB 104 183 160	#68B7A0

#C5E8D1 #B3DFC5 #A2D7BB #93CFB2 #83C7AB #75BFA5 #68B7A0

#C5E8D1 - #93CFB2 - #68B7A0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E8D1 0%, #93CFB2 50%, #68B7A0 100%);
    background: -webkit-linear-gradient(top, #C5E8D1 0%, #93CFB2 50%, #68B7A0 100%);
    background: linear-gradient(to bottom, #C5E8D1 0%, #93CFB2 50%, #68B7A0 100%);
}
</style>