#B5CC6B - #E7ABC3 | 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 #B5CC6B a #E7ABC3

#B5CC6B #E7ABC3

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

#B5CC6B - #E7ABC3 | 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 #B5CC6B como 0% y #E7ABC3 como 100%.

0.0%	0.0% #B5CC6B	RGB 181 204 107	#B5CC6B
16.7%	16.7% #BDC679	RGB 189 198 121	#BDC679
33.3%	33.3% #C5C188	RGB 197 193 136	#C5C188
50.0%	50.0% #CEBB97	RGB 206 187 151	#CEBB97
66.7%	66.7% #D6B6A5	RGB 214 182 165	#D6B6A5
83.3%	83.3% #DEB0B4	RGB 222 176 180	#DEB0B4
100.0%	100.0% #E7ABC3	RGB 231 171 195	#E7ABC3

#B5CC6B #BDC679 #C5C188 #CEBB97 #D6B6A5 #DEB0B4 #E7ABC3

#B5CC6B - #E7ABC3

Mezcla HSV

#B5CC6B - #E7ABC3 | 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 #B5CC6B como 0% y #E7ABC3 como 100%.

0.0%	0.0% #B5CC6B	RGB 181 204 107	#B5CC6B
16.7%	16.7% #D0CD74	RGB 208 205 116	#D0CD74
33.3%	33.3% #D5BA7F	RGB 213 186 127	#D5BA7F
50.0%	50.0% #D9AB89	RGB 217 171 137	#D9AB89
66.7%	66.7% #DE9F94	RGB 222 159 148	#DE9F94
83.3%	83.3% #E29FA8	RGB 226 159 168	#E29FA8
100.0%	100.0% #E7ABC3	RGB 231 171 195	#E7ABC3

#B5CC6B #D0CD74 #D5BA7F #D9AB89 #DE9F94 #E29FA8 #E7ABC3

#B5CC6B - #D9AB89 - #E7ABC3

Códigos CSS

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

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