#CD5EBB - #FEB8C8 | 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 #CD5EBB a #FEB8C8

#CD5EBB #FEB8C8

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

#CD5EBB - #FEB8C8 | 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 #CD5EBB como 0% y #FEB8C8 como 100%.

0.0%	0.0% #CD5EBB	RGB 205 94 187	#CD5EBB
16.7%	16.7% #D56DBD	RGB 213 109 189	#D56DBD
33.3%	33.3% #DD7CBF	RGB 221 124 191	#DD7CBF
50.0%	50.0% #E58BC1	RGB 229 139 193	#E58BC1
66.7%	66.7% #ED9AC3	RGB 237 154 195	#ED9AC3
83.3%	83.3% #F5A9C5	RGB 245 169 197	#F5A9C5
100.0%	100.0% #FEB8C8	RGB 254 184 200	#FEB8C8

#CD5EBB #D56DBD #DD7CBF #E58BC1 #ED9AC3 #F5A9C5 #FEB8C8

#CD5EBB - #FEB8C8

Mezcla HSV

#CD5EBB - #FEB8C8 | 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 #CD5EBB como 0% y #FEB8C8 como 100%.

0.0%	0.0% #CD5EBB	RGB 205 94 187	#CD5EBB
16.7%	16.7% #D56BB9	RGB 213 107 185	#D56BB9
33.3%	33.3% #DD79B8	RGB 221 121 184	#DD79B8
50.0%	50.0% #E587B9	RGB 229 135 185	#E587B9
66.7%	66.7% #ED97BC	RGB 237 151 188	#ED97BC
83.3%	83.3% #F5A7C1	RGB 245 167 193	#F5A7C1
100.0%	100.0% #FEB8C8	RGB 254 184 200	#FEB8C8

#CD5EBB #D56BB9 #DD79B8 #E587B9 #ED97BC #F5A7C1 #FEB8C8

#CD5EBB - #E587B9 - #FEB8C8

Códigos CSS

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

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