#BDEDED - #D1E4D2 | 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 #BDEDED a #D1E4D2

#BDEDED #D1E4D2

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

#BDEDED - #D1E4D2 | 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 #BDEDED como 0% y #D1E4D2 como 100%.

0.0%	0.0% #BDEDED	RGB 189 237 237	#BDEDED
16.7%	16.7% #C0EBE8	RGB 192 235 232	#C0EBE8
33.3%	33.3% #C3EAE4	RGB 195 234 228	#C3EAE4
50.0%	50.0% #C7E8DF	RGB 199 232 223	#C7E8DF
66.7%	66.7% #CAE7DB	RGB 202 231 219	#CAE7DB
83.3%	83.3% #CDE5D6	RGB 205 229 214	#CDE5D6
100.0%	100.0% #D1E4D2	RGB 209 228 210	#D1E4D2

#BDEDED #C0EBE8 #C3EAE4 #C7E8DF #CAE7DB #CDE5D6 #D1E4D2

#BDEDED - #D1E4D2

Mezcla HSV

#BDEDED - #D1E4D2 | 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 #BDEDED como 0% y #D1E4D2 como 100%.

0.0%	0.0% #BDEDED	RGB 189 237 237	#BDEDED
16.7%	16.7% #C0EBE4	RGB 192 235 228	#C0EBE4
33.3%	33.3% #C3EADD	RGB 195 234 221	#C3EADD
50.0%	50.0% #C7E8D8	RGB 199 232 216	#C7E8D8
66.7%	66.7% #CAE7D5	RGB 202 231 213	#CAE7D5
83.3%	83.3% #CDE5D2	RGB 205 229 210	#CDE5D2
100.0%	100.0% #D1E4D2	RGB 209 228 210	#D1E4D2

#BDEDED #C0EBE4 #C3EADD #C7E8D8 #CAE7D5 #CDE5D2 #D1E4D2

#BDEDED - #C7E8D8 - #D1E4D2

Códigos CSS

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

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