#B9D9D9 - #CCE3C8 | 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 #B9D9D9 a #CCE3C8

#B9D9D9 #CCE3C8

Calcule el color entre dos colores, #B9D9D9 y #CCE3C8. 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)

#B9D9D9 - #CCE3C8 | 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 #B9D9D9 como 0% y #CCE3C8 como 100%.

0.0%	0.0% #B9D9D9	RGB 185 217 217	#B9D9D9
16.7%	16.7% #BCDAD6	RGB 188 218 214	#BCDAD6
33.3%	33.3% #BFDCD3	RGB 191 220 211	#BFDCD3
50.0%	50.0% #C2DED0	RGB 194 222 208	#C2DED0
66.7%	66.7% #C5DFCD	RGB 197 223 205	#C5DFCD
83.3%	83.3% #C8E1CA	RGB 200 225 202	#C8E1CA
100.0%	100.0% #CCE3C8	RGB 204 227 200	#CCE3C8

#B9D9D9 #BCDAD6 #BFDCD3 #C2DED0 #C5DFCD #C8E1CA #CCE3C8

#B9D9D9 - #CCE3C8

Mezcla HSV

#B9D9D9 - #CCE3C8 | 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 #B9D9D9 como 0% y #CCE3C8 como 100%.

0.0%	0.0% #B9D9D9	RGB 185 217 217	#B9D9D9
16.7%	16.7% #BBDAD4	RGB 187 218 212	#BBDAD4
33.3%	33.3% #BDDCD0	RGB 189 220 208	#BDDCD0
50.0%	50.0% #C0DECD	RGB 192 222 205	#C0DECD
66.7%	66.7% #C2DFC9	RGB 194 223 201	#C2DFC9
83.3%	83.3% #C5E1C6	RGB 197 225 198	#C5E1C6
100.0%	100.0% #CCE3C8	RGB 204 227 200	#CCE3C8

#B9D9D9 #BBDAD4 #BDDCD0 #C0DECD #C2DFC9 #C5E1C6 #CCE3C8

#B9D9D9 - #C0DECD - #CCE3C8

Códigos CSS

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

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