#C5E8DB - #68B6B7 | 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 #C5E8DB a #68B6B7

#C5E8DB #68B6B7

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

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

0.0%	0.0% #C5E8DB	RGB 197 232 219	#C5E8DB
16.7%	16.7% #B5DFD5	RGB 181 223 213	#B5DFD5
33.3%	33.3% #A6D7CF	RGB 166 215 207	#A6D7CF
50.0%	50.0% #96CFC9	RGB 150 207 201	#96CFC9
66.7%	66.7% #87C6C3	RGB 135 198 195	#87C6C3
83.3%	83.3% #77BEBD	RGB 119 190 189	#77BEBD
100.0%	100.0% #68B6B7	RGB 104 182 183	#68B6B7

#C5E8DB #B5DFD5 #A6D7CF #96CFC9 #87C6C3 #77BEBD #68B6B7

#C5E8DB - #68B6B7

Mezcla HSV

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

0.0%	0.0% #C5E8DB	RGB 197 232 219	#C5E8DB
16.7%	16.7% #B3DFD2	RGB 179 223 210	#B3DFD2
33.3%	33.3% #A2D7CA	RGB 162 215 202	#A2D7CA
50.0%	50.0% #93CFC4	RGB 147 207 196	#93CFC4
66.7%	66.7% #83C7BF	RGB 131 199 191	#83C7BF
83.3%	83.3% #75BFBB	RGB 117 191 187	#75BFBB
100.0%	100.0% #68B6B7	RGB 104 182 183	#68B6B7

#C5E8DB #B3DFD2 #A2D7CA #93CFC4 #83C7BF #75BFBB #68B6B7

#C5E8DB - #93CFC4 - #68B6B7

Códigos CSS

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

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