#CFB6D9 - #C8D3E3 | 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 #CFB6D9 a #C8D3E3

#CFB6D9 #C8D3E3

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

#CFB6D9 - #C8D3E3 | 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 #CFB6D9 como 0% y #C8D3E3 como 100%.

0.0%	0.0% #CFB6D9	RGB 207 182 217	#CFB6D9
16.7%	16.7% #CDBADA	RGB 205 186 218	#CDBADA
33.3%	33.3% #CCBFDC	RGB 204 191 220	#CCBFDC
50.0%	50.0% #CBC4DE	RGB 203 196 222	#CBC4DE
66.7%	66.7% #CAC9DF	RGB 202 201 223	#CAC9DF
83.3%	83.3% #C9CEE1	RGB 201 206 225	#C9CEE1
100.0%	100.0% #C8D3E3	RGB 200 211 227	#C8D3E3

#CFB6D9 #CDBADA #CCBFDC #CBC4DE #CAC9DF #C9CEE1 #C8D3E3

#CFB6D9 - #C8D3E3

Mezcla HSV

#CFB6D9 - #C8D3E3 | 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 #CFB6D9 como 0% y #C8D3E3 como 100%.

0.0%	0.0% #CFB6D9	RGB 207 182 217	#CFB6D9
16.7%	16.7% #CAB8DA	RGB 202 184 218	#CAB8DA
33.3%	33.3% #C6BBDC	RGB 198 187 220	#C6BBDC
50.0%	50.0% #C3BEDE	RGB 195 190 222	#C3BEDE
66.7%	66.7% #C1C2DF	RGB 193 194 223	#C1C2DF
83.3%	83.3% #C4CBE1	RGB 196 203 225	#C4CBE1
100.0%	100.0% #C8D3E3	RGB 200 211 227	#C8D3E3

#CFB6D9 #CAB8DA #C6BBDC #C3BEDE #C1C2DF #C4CBE1 #C8D3E3

#CFB6D9 - #C3BEDE - #C8D3E3

Códigos CSS

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

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