#CCD5E5 - #728BAE | 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 #CCD5E5 a #728BAE

#CCD5E5 #728BAE

Calcule el color entre dos colores, #CCD5E5 y #728BAE. 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)

#CCD5E5 - #728BAE | 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 #CCD5E5 como 0% y #728BAE como 100%.

0.0%	0.0% #CCD5E5	RGB 204 213 229	#CCD5E5
16.7%	16.7% #BDC8DB	RGB 189 200 219	#BDC8DB
33.3%	33.3% #AEBCD2	RGB 174 188 210	#AEBCD2
50.0%	50.0% #9FB0C9	RGB 159 176 201	#9FB0C9
66.7%	66.7% #90A3C0	RGB 144 163 192	#90A3C0
83.3%	83.3% #8197B7	RGB 129 151 183	#8197B7
100.0%	100.0% #728BAE	RGB 114 139 174	#728BAE

#CCD5E5 #BDC8DB #AEBCD2 #9FB0C9 #90A3C0 #8197B7 #728BAE

#CCD5E5 - #728BAE

Mezcla HSV

#CCD5E5 - #728BAE | 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 #CCD5E5 como 0% y #728BAE como 100%.

0.0%	0.0% #CCD5E5	RGB 204 213 229	#CCD5E5
16.7%	16.7% #BBC7DB	RGB 187 199 219	#BBC7DB
33.3%	33.3% #ABBAD2	RGB 171 186 210	#ABBAD2
50.0%	50.0% #9BADC9	RGB 155 173 201	#9BADC9
66.7%	66.7% #8DA1C0	RGB 141 161 192	#8DA1C0
83.3%	83.3% #7F95B7	RGB 127 149 183	#7F95B7
100.0%	100.0% #728BAE	RGB 114 139 174	#728BAE

#CCD5E5 #BBC7DB #ABBAD2 #9BADC9 #8DA1C0 #7F95B7 #728BAE

#CCD5E5 - #9BADC9 - #728BAE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCD5E5 0%, #9BADC9 50%, #728BAE 100%);
    background: -webkit-linear-gradient(top, #CCD5E5 0%, #9BADC9 50%, #728BAE 100%);
    background: linear-gradient(to bottom, #CCD5E5 0%, #9BADC9 50%, #728BAE 100%);
}
</style>