#C5E7DF - #5CBAB2 | 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 #C5E7DF a #5CBAB2

#C5E7DF #5CBAB2

Calcule el color entre dos colores, #C5E7DF y #5CBAB2. 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)

#C5E7DF - #5CBAB2 | 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 #C5E7DF como 0% y #5CBAB2 como 100%.

0.0%	0.0% #C5E7DF	RGB 197 231 223	#C5E7DF
16.7%	16.7% #B3DFD7	RGB 179 223 215	#B3DFD7
33.3%	33.3% #A2D8D0	RGB 162 216 208	#A2D8D0
50.0%	50.0% #90D0C8	RGB 144 208 200	#90D0C8
66.7%	66.7% #7FC9C1	RGB 127 201 193	#7FC9C1
83.3%	83.3% #6DC1B9	RGB 109 193 185	#6DC1B9
100.0%	100.0% #5CBAB2	RGB 92 186 178	#5CBAB2

#C5E7DF #B3DFD7 #A2D8D0 #90D0C8 #7FC9C1 #6DC1B9 #5CBAB2

#C5E7DF - #5CBAB2

Mezcla HSV

#C5E7DF - #5CBAB2 | 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 #C5E7DF como 0% y #5CBAB2 como 100%.

0.0%	0.0% #C5E7DF	RGB 197 231 223	#C5E7DF
16.7%	16.7% #B1DFD5	RGB 177 223 213	#B1DFD5
33.3%	33.3% #9ED8CD	RGB 158 216 205	#9ED8CD
50.0%	50.0% #8CD0C5	RGB 140 208 197	#8CD0C5
66.7%	66.7% #7BC9BE	RGB 123 201 190	#7BC9BE
83.3%	83.3% #6BC1B8	RGB 107 193 184	#6BC1B8
100.0%	100.0% #5CBAB2	RGB 92 186 178	#5CBAB2

#C5E7DF #B1DFD5 #9ED8CD #8CD0C5 #7BC9BE #6BC1B8 #5CBAB2

#C5E7DF - #8CD0C5 - #5CBAB2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E7DF 0%, #8CD0C5 50%, #5CBAB2 100%);
    background: -webkit-linear-gradient(top, #C5E7DF 0%, #8CD0C5 50%, #5CBAB2 100%);
    background: linear-gradient(to bottom, #C5E7DF 0%, #8CD0C5 50%, #5CBAB2 100%);
}
</style>