#CFB5E2 - #FFDED8 | 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 #CFB5E2 a #FFDED8

#CFB5E2 #FFDED8

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

#CFB5E2 - #FFDED8 | 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 #CFB5E2 como 0% y #FFDED8 como 100%.

0.0%	0.0% #CFB5E2	RGB 207 181 226	#CFB5E2
16.7%	16.7% #D7BBE0	RGB 215 187 224	#D7BBE0
33.3%	33.3% #DFC2DE	RGB 223 194 222	#DFC2DE
50.0%	50.0% #E7C9DD	RGB 231 201 221	#E7C9DD
66.7%	66.7% #EFD0DB	RGB 239 208 219	#EFD0DB
83.3%	83.3% #F7D7D9	RGB 247 215 217	#F7D7D9
100.0%	100.0% #FFDED8	RGB 255 222 216	#FFDED8

#CFB5E2 #D7BBE0 #DFC2DE #E7C9DD #EFD0DB #F7D7D9 #FFDED8

#CFB5E2 - #FFDED8

Mezcla HSV

#CFB5E2 - #FFDED8 | 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 #CFB5E2 como 0% y #FFDED8 como 100%.

0.0%	0.0% #CFB5E2	RGB 207 181 226	#CFB5E2
16.7%	16.7% #DFBAE6	RGB 223 186 230	#DFBAE6
33.3%	33.3% #EBC0E7	RGB 235 192 231	#EBC0E7
50.0%	50.0% #F0C6E1	RGB 240 198 225	#F0C6E1
66.7%	66.7% #F5CCDB	RGB 245 204 219	#F5CCDB
83.3%	83.3% #FAD1D6	RGB 250 209 214	#FAD1D6
100.0%	100.0% #FFDED8	RGB 255 222 216	#FFDED8

#CFB5E2 #DFBAE6 #EBC0E7 #F0C6E1 #F5CCDB #FAD1D6 #FFDED8

#CFB5E2 - #F0C6E1 - #FFDED8

Códigos CSS

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

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