#BC8F9F - #FFD5B6 | 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 #BC8F9F a #FFD5B6

#BC8F9F #FFD5B6

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

#BC8F9F - #FFD5B6 | 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 #BC8F9F como 0% y #FFD5B6 como 100%.

0.0%	0.0% #BC8F9F	RGB 188 143 159	#BC8F9F
16.7%	16.7% #C79AA2	RGB 199 154 162	#C79AA2
33.3%	33.3% #D2A6A6	RGB 210 166 166	#D2A6A6
50.0%	50.0% #DDB2AA	RGB 221 178 170	#DDB2AA
66.7%	66.7% #E8BDAE	RGB 232 189 174	#E8BDAE
83.3%	83.3% #F3C9B2	RGB 243 201 178	#F3C9B2
100.0%	100.0% #FFD5B6	RGB 255 213 182	#FFD5B6

#BC8F9F #C79AA2 #D2A6A6 #DDB2AA #E8BDAE #F3C9B2 #FFD5B6

#BC8F9F - #FFD5B6

Mezcla HSV

#BC8F9F - #FFD5B6 | 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 #BC8F9F como 0% y #FFD5B6 como 100%.

0.0%	0.0% #BC8F9F	RGB 188 143 159	#BC8F9F
16.7%	16.7% #C795A1	RGB 199 149 161	#C795A1
33.3%	33.3% #D29CA1	RGB 210 156 161	#D29CA1
50.0%	50.0% #DDA5A3	RGB 221 165 163	#DDA5A3
66.7%	66.7% #E8B4A9	RGB 232 180 169	#E8B4A9
83.3%	83.3% #F3C3AF	RGB 243 195 175	#F3C3AF
100.0%	100.0% #FFD5B6	RGB 255 213 182	#FFD5B6

#BC8F9F #C795A1 #D29CA1 #DDA5A3 #E8B4A9 #F3C3AF #FFD5B6

#BC8F9F - #DDA5A3 - #FFD5B6

Códigos CSS

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

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