#BF568E - #ECCEDE | 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 #BF568E a #ECCEDE

#BF568E #ECCEDE

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

#BF568E - #ECCEDE | 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 #BF568E como 0% y #ECCEDE como 100%.

0.0%	0.0% #BF568E	RGB 191 86 142	#BF568E
16.7%	16.7% #C66A9B	RGB 198 106 155	#C66A9B
33.3%	33.3% #CE7EA8	RGB 206 126 168	#CE7EA8
50.0%	50.0% #D592B6	RGB 213 146 182	#D592B6
66.7%	66.7% #DDA6C3	RGB 221 166 195	#DDA6C3
83.3%	83.3% #E4BAD0	RGB 228 186 208	#E4BAD0
100.0%	100.0% #ECCEDE	RGB 236 206 222	#ECCEDE

#BF568E #C66A9B #CE7EA8 #D592B6 #DDA6C3 #E4BAD0 #ECCEDE

#BF568E - #ECCEDE

Mezcla HSV

#BF568E - #ECCEDE | 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 #BF568E como 0% y #ECCEDE como 100%.

0.0%	0.0% #BF568D	RGB 191 86 141	#BF568D
16.7%	16.7% #C6679A	RGB 198 103 154	#C6679A
33.3%	33.3% #CE79A6	RGB 206 121 166	#CE79A6
50.0%	50.0% #D58DB3	RGB 213 141 179	#D58DB3
66.7%	66.7% #DDA1C1	RGB 221 161 193	#DDA1C1
83.3%	83.3% #E4B7CF	RGB 228 183 207	#E4B7CF
100.0%	100.0% #ECCEDE	RGB 236 206 222	#ECCEDE

#BF568D #C6679A #CE79A6 #D58DB3 #DDA1C1 #E4B7CF #ECCEDE

#BF568E - #D58DB3 - #ECCEDE

Códigos CSS

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

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