#B6CECE - #CAE1C2 | 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 #B6CECE a #CAE1C2

#B6CECE #CAE1C2

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

#B6CECE - #CAE1C2 | 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 #B6CECE como 0% y #CAE1C2 como 100%.

0.0%	0.0% #B6CECE	RGB 182 206 206	#B6CECE
16.7%	16.7% #B9D1CC	RGB 185 209 204	#B9D1CC
33.3%	33.3% #BCD4CA	RGB 188 212 202	#BCD4CA
50.0%	50.0% #C0D7C8	RGB 192 215 200	#C0D7C8
66.7%	66.7% #C3DAC6	RGB 195 218 198	#C3DAC6
83.3%	83.3% #C6DDC4	RGB 198 221 196	#C6DDC4
100.0%	100.0% #CAE1C2	RGB 202 225 194	#CAE1C2

#B6CECE #B9D1CC #BCD4CA #C0D7C8 #C3DAC6 #C6DDC4 #CAE1C2

#B6CECE - #CAE1C2

Mezcla HSV

#B6CECE - #CAE1C2 | 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 #B6CECE como 0% y #CAE1C2 como 100%.

0.0%	0.0% #B6CECE	RGB 182 206 206	#B6CECE
16.7%	16.7% #B8D1CB	RGB 184 209 203	#B8D1CB
33.3%	33.3% #BAD4C9	RGB 186 212 201	#BAD4C9
50.0%	50.0% #BCD7C6	RGB 188 215 198	#BCD7C6
66.7%	66.7% #BEDAC2	RGB 190 218 194	#BEDAC2
83.3%	83.3% #C1DDC0	RGB 193 221 192	#C1DDC0
100.0%	100.0% #CAE1C2	RGB 202 225 194	#CAE1C2

#B6CECE #B8D1CB #BAD4C9 #BCD7C6 #BEDAC2 #C1DDC0 #CAE1C2

#B6CECE - #BCD7C6 - #CAE1C2

Códigos CSS

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

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