#B2CCC6 - #CEE1C0 | 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 #B2CCC6 a #CEE1C0

#B2CCC6 #CEE1C0

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

#B2CCC6 - #CEE1C0 | 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 #B2CCC6 como 0% y #CEE1C0 como 100%.

0.0%	0.0% #B2CCC6	RGB 178 204 198	#B2CCC6
16.7%	16.7% #B6CFC5	RGB 182 207 197	#B6CFC5
33.3%	33.3% #BBD3C4	RGB 187 211 196	#BBD3C4
50.0%	50.0% #C0D6C3	RGB 192 214 195	#C0D6C3
66.7%	66.7% #C4DAC2	RGB 196 218 194	#C4DAC2
83.3%	83.3% #C9DDC1	RGB 201 221 193	#C9DDC1
100.0%	100.0% #CEE1C0	RGB 206 225 192	#CEE1C0

#B2CCC6 #B6CFC5 #BBD3C4 #C0D6C3 #C4DAC2 #C9DDC1 #CEE1C0

#B2CCC6 - #CEE1C0

Mezcla HSV

#B2CCC6 - #CEE1C0 | 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 #B2CCC6 como 0% y #CEE1C0 como 100%.

0.0%	0.0% #B2CCC6	RGB 178 204 198	#B2CCC6
16.7%	16.7% #B4CFC3	RGB 180 207 195	#B4CFC3
33.3%	33.3% #B6D3C1	RGB 182 211 193	#B6D3C1
50.0%	50.0% #B9D6BE	RGB 185 214 190	#B9D6BE
66.7%	66.7% #BCDABB	RGB 188 218 187	#BCDABB
83.3%	83.3% #C4DDBD	RGB 196 221 189	#C4DDBD
100.0%	100.0% #CEE1C0	RGB 206 225 192	#CEE1C0

#B2CCC6 #B4CFC3 #B6D3C1 #B9D6BE #BCDABB #C4DDBD #CEE1C0

#B2CCC6 - #B9D6BE - #CEE1C0

Códigos CSS

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

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